I have some swipe events on my page but when I swipe on the scheduler it tries to scroll (even though there is nothing to scroll to but blank space), which is interfering with the swipe.  I've included a screenshot to illustrate the behavior.  How can I disable horizontal scrolling?  

Oddly enough it works fine in landscape mode, but in iPad portrait mode is when it breaks.  I 've been playing with a CSS solution and noticed that setting the width of .km-scroll-container will fix it but I have to make it so skinny that it no longer aligns with the column headers (days of the week).  In my case 505 pixels, at 510 it matches up perfectly but then it will do the scrolling even though.

nvm.

We're trying to use the KendoUI Editor in a (bootstrap modal)popup window, unfortunately this does not seem to work. The iframe required is not created in the popup window, so all we see is a normal textarea. 

Is there a special way to let the Editor work inside a popup? 

edit: a plain kendo/bootstrap version is working. It seems to be in some other javascript we include. I'll look into this a bit further

Hi

I have created a scheduler in our mvc 5 application ad I dont seem to be able to pass dates around.

I have created a CalendarViewModel that implements IScheduleEvent but if I populate a new CalendarViewModel object and pass it to the view I dont get any events showing. To make things worse when I double click a time and fill in the details, the title and description gets passed back to my create event but the end and start dates are empty.

Any ideas what I am missing

My view looks like this 

 @(Html.Kendo().Scheduler<TalkBox.Mvc.ViewModels.Calendar.CalendarViewModel>()
                  .Name("scheduler")
                  .Date(DateTime.UtcNow)
                  .Editable(true)
                  .Height(700)
                  .BindTo(Model)
                  .Views(views =>
                            {
                                views.DayView();
                                views.WeekView();
                                views.MonthView(monthView => monthView.Selected(true));
                            })
                   .DataSource(d => d.Model(m => m.Id(f => f.EventId))
                        .Create("Create", "Calendar")
                        .Update("Update", "Calendar")
                        .Destroy("Delete","Calendar")
                    )
            )
   
Added to this the ModelState.IsValid is false, but I guess this is because the dates are not set.

I have included images from the create event that shows that I recieve the title and description and the network traffic from chrome's inspect element that show the dates are being passed.

I have a few problems with combobox based upon: combobox/serverfiltering.html;

First one is related to lower/higher case of characters i'm typing. While the server does return appropriate results the dropdown does not appear to trigger (so the results . If I trigger it manually in code it immediately closes back. I've tried using ignoreCase and altering it between true and false but it apparently doesn't matter :/

The second problem is that if I remove the focus from the combobox and return to it later on I cannot seem to be able to delete the input content or open the dropdown via button, especially if I've typed a character combination upon server doesn't return results.

Any help or hints would be greatly appreciated. I also provided the full source code of the problematic code.

01.var _ds = new kendo.data.DataSource({

02.    serverfiltering: true,

03.    transport: {

04.        read: {

05.            url: "ashx/Main/GetAvailableOUs.ashx",

06.            dataType: "json",

07.            data: { searchSTR: searchSTR_ }

08.        }

09.    },

10.    schema: {

11.        model: {

12.            id: "text",

13.            fields: {

14.                value: { from: "OUid", type: "number" },

15.                text: { from: "OU", type: "text" },

16.                Img: { from: "Img", type: "text" },

17.                isActive: { from: "IsActive", type: "number" }

18.            }

19.        }

20.    }

21.});

22. 

23.$("#OUSelector").kendoComboBox({

24.    dataTextField: "text",

25.    dataValueField: "value",

26.    dataSource: _ds,

27.    minLength:3,

28.    ignoreCase: false,

29.    autoBind: false,

30.    highlightFirst: false,

31.    change: function (e) {

32.        _ds.options.transport.read.data = { searchSTR: e.sender._selectedValue };

33.        _ds.read();

34.    },

35.    filter: "contains",

36.    template: '# if (Img == "") ' +

37.              '{# <span id="#: value #" style="display:block;margin:-1px -5px -2px -5px;padding:0 5px; # if (isActive == 0) {# background:red;color:white; #}#">#: text #</span> #}' +

38.              'else' +

39.              '{# <span id="#: value #" style="display:block;margin:-1px -5px -6px -5px;padding:0 5px; # if (isActive == 0) {# background:red;color:white; #}#"><img src="/img/#: Img #.png" alt="#: text #" />#: text #</span> #}#',

40.    select: function (e) {

41.        kMain.fn_logon_to_company($(e.item[0]).children("span").attr('id'));

42.    }

43.});

44. 

45.$(".OUSelectorContainer .k-input").on('keydown', function (e) {

46.    e.sender = { _selectedValue: e.currentTarget.value };

47.    var ouselect_ = $("#OUSelector").data("kendoComboBox");

48. 

49.    ouselect_.options.change(e);

50.});

Hello,

i have a problem with Drawer on Android (device. On simulator and IOS works good). Only on kendo version: /2013.3.1119
If i use kendo version: v2013.2.1021 it's work.

Problem:
1. i have a drawer in index.html and one view.
2. i have a remote view in view1.html
3. if i go to view1.html and try open a drawer happen some mess with view.

I attached files with code.

 

The tooltip works properly on Grid cells; however, some cells have no information for tooltip, but an empty tooltip container appears.  In this case is it possible to cancel the tooltip from appearing.  Trapping the onmouseenter does not work becuase this event occurs before the content event fires which has the dataItem content.

content: function(e) {
var item = e.target[0].attributes["myAttribute"].value;
var row = jQuery(e.target).closest("tr");
var dataItem = myGrid.dataItem(row);
var tooltip = dataItem[item];
  if (null == tooltip) {
  //Cancel display here???
  }
return tooltip;
}

Ideas?

Charts inside grid just filters

Regards,

I have a requirement for a software development, I need build a chart that permits me to do filters inside without to do use of the data table,

Thanks, for the help

I recently upgraded my kendo files in an icenium project. since then, the header/navbar for landing page (the default view) is missing on Android. the odd thing is, it appears after I log into the app. mind you, there is nothing binding it to the login variables. but if I log in, the header on every view will show just fine, including the one on the landing page. if i logout, it disappears again.

works fine on iOS.

doesn't make much sense to me. it must have something to do with switching views? after another view has been shown, it appears correctly. when the user logs out, the app resets and shows the default again - which causes the header to be absent once more.

any thoughts?

On further analysis i found that it is looking for this file, which is not found 404(Also this error is not visible in console, the way i got to it is by putting a break point on mouse click event ).
GET http://localhost:1205/Scripts/kendo/src/js/kendo.grid.js 404 (Not Found) 
I used Nuget to install kendo ui and it creates the following structure. so it is not going to find that file as that hierarchy does not exist.

Scripts
     Kendo
              2013.3.1119
                          cultures
                         all the javascript files
==================================================================================================================
I am using WebAPI and KendoUI Grid, the Mark is below.
When i click Edit button, it bring the row into EditMode, but when i press the done "Update" button nothing happens, seems like event is not firing.
No WebAPI are made, i tried debugging in Google chrome, but seems like Update event is not firing at all.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
  
    <!-- CDN-based stylesheet references for Kendo UI Web -->
    <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.rtl.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css" rel="stylesheet" />

    <!-- CDN-based script reference for jQuery -->
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <!-- CDN-based script reference for Kendo UI -->
    <script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>

    <script>
       
        $(document).ready(function () {

          
            var orgModel = {
                id: "OrgID_PK",
                fields: {
                    OrgID_PK: {
                        editable: false,
                        type: "number"
                    },
                    OrgCode: {
                        type: "string",
                        nullable: false,
                        editable: true,
                        validation: {
                            required: {
                                message: "Org Code is required"
                            },
                            maxlength:10
                        }
                    },
                    OrgName: {
                        type: "string",
                        nullable: false,
                        editable: true,
                        validation: {
                            required: {
                                message:"Org Name is required"
                            },
                            maxlength:100
                        }
                    },
                    Description: {
                        type: "string",
                        validation: {
                            required: true,
                            minlength: 2,
                            maxlength: 160
                        }
                    },
                    EffectiveDate: {
                        type: "date",
                        validation: true
                    },
                    TerminationDate: {
                        type: "date",
                        validation: true
                    },
                }
            };

            var ds = new kendo.data.DataSource({
                serverFiltering: true, // <-- Do filtering server-side
                serverPaging: true, // <-- Do paging server-side
                serverSorting: true,
                pageSize: 2,
                batch :false,
                type: 'odata', // <-- Include OData style params on query string.
                transport: {
                            create: {
                                url: "http://localhost:3103/api/Org/putOrgs",
                                type: "PUT",
                                dataType: "json",
                            },
                            read: {
                                url: "http://localhost:3103/api/Org/GetOrgs", // <-- Get data from here
                                dataType: "json" // <-- The default was "jsonp"
                            },
                            update: {
                                //url: function (employee) {
                                //    return "http://localhost:3103/api/Org/postOrg" + employee.Id
                                //},
                                url: "http://localhost:3103/api/Org/postOrg",
                                type: "POST",
                                dataType: "json",
                            },
                            destroy: {
                                url: function (employee) {
                                    return "http://localhost:3103/api/Org/deleteOrg" + employee.Id
                                },
                                type: "DELETE",
                                dataType: "json",
                            },
                            parameterMap: function (options, type) {

                                //if (operation !== "read" && options.models) {
                                //    return { models: kendo.stringify(options.models) };
                                //}
                                var paramMap = kendo.data.transports.odata.parameterMap(options);

                                //delete paramMap.$inlinecount; // <-- remove inlinecount parameter.
                                delete paramMap.$format; // <-- remove format parameter.

                                return paramMap;

                            }
                }, //transport
                schema: {
                    data: function (data) {
                        return data.Items; // <-- The result is just the data, it doesn't need to be unpacked.
                    },
                    total: function (data) {
                        return data.Count; // <-- The total items count is the data length, there is no .Count to unpack.

                    },
                    errors: "Errors",
                    error: function (e) {
                        alert(e.errors);
                    }

                }, //schema
                model: orgModel
               
            });

          

            $("#grid").kendoGrid({
                dataSource: ds,
                groupable: true,
                sortable: true,
                filterable:true,
                editable: "inline",
                toolbar: ["create"],
                pageable: {
                    refresh: true,
                    pageSizes: true,
                    buttonCount: 5
                },
                columns: [{
                    field: "OrgID_PK",
                    title: "OrgID ",
                    width: 140
                }, {
                    field: "OrgCode",
                    title: "Code",
                    width: 190
                }, {
                    field: "OrgName",
                    title: "Name"
                }, {
                    field: "Description",
                    width: 110
                },
                {
                    field: "EffectiveDate",
                    width: 110
                },
                {
                    field: "TerminationDate",
                    width: 110
                },
                 { command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }
                ], // columns
                edit: function (e) {
                    //$('#grid').data('kendoGrid').dataSource.read();
                    console.log('edit started ');
                    console.log(e);
                    //e.preventDefault();
                },
                cancel: function (e) {
                    //$('#grid').data('kendoGrid').dataSource.read();
                    //$('#grid').data('kendoGrid').dataSource.sync();
                    console.log('cancel happened');
                    console.log(e);
                    //e.preventDefault();
                   // $('#grid').data('kendoGrid').dataSource.read();
                },
                update: function (e) {
                    console.log('edit completed');
                    console.log(e);
                },
                change: function (e) {
                    console.log('a change happened not datasource one');
                    console.log(e);
                },
                saveChanges: function (e) {
                    console.log('a save is about to occurr');
                    console.log(e);
                },
            }); //grid


        }); // document
    

    </script>
</head>
<body>
    <div id="example" class="k-content">
        <div id="clientsDb">

            <div id="grid" style="height: 380px"></div>

        </div>
       
        </div>
</body>
</html>