When making the scheduler selectable the Kendo framework makes a call to focus the control.  This causes different behavior amongst browsers:

Chrome/IE cause the browser window to scroll so that the scheduler is in view while FireFox does not.  The call to focus is causing us some issues - is the focus call important in this case?  If we were to remove the call would this cause us issues?

Note: This can be exhibited in the following demo http://demos.kendoui.com/web/scheduler/selection.html

Hi,

Can you tell me when Kendo UI will provide support for Web Sockets as a Kendo Data Source? 

I need to remove as must delay as possible in accessing my AutoComplete selection lists.  This is a critical capability for my software product.

Thanks,

Donald

Hi i have two slider in a Cordova app since the new version works great but with the new version works only on ios7 device if i use it in a ios5 or 6 device (or simulator) the slider have strange behaviors, or move all the view or move all the slider when i try to slide it. 

Thanks Dario

I'd like to use a combo box in a tablet-based phone gap app I'm working on but the default 'open' behavior for the combobox appears to be different when running as a mobile app. Is there a way to revert this so that I don't get the ActionSheet anymore?

I have a page with multiple buttons and multiple Kendo grids populated by lists inside a model object. Some of the buttons on the page end up refreshing the page (but preserving the current state of the model) before anything gets saved to the database. The issue is that the Kendo grids use incell editing and any changes made are lost upon page refresh because the grids are populated with the initial data from the model object once again. It seems the Kendo grids do not make changes to the model. I want to preserve any changes made on the grid so that the user can eventually save to the database. Is this possible? Can the Kendo grid make changes to the model object so that the changes will persist when the page is refreshed?

------------------------------------------------------------------------------------

This is the javascript used to create the Kendo grid:

-------------------------------------------------------------------------------------

$(document)
        .ready(
                function() {
                    
                    var savedGrid = JSON.parse($.cookie("distancesGrid"));
                    
                    var grid = $("#distancesTable")
                            .kendoGrid(
                                    {
                                        sortable : true,
                                        dataSource : {
                                            autoSync: true,

                                            schema : {
                                                model : {
                                                    fields : {

                                                        bloodCenterId : {
                                                            type : "number",
                                                            editable : false
                                                        },
                                                        
                                                        miles : {
                                                            type : "number",
                                                            validation : {
                                                                required : true
                                                            }
                                                        },
                                                        
                                                        // additional fields omitted...
                                                    }
                                                }
                                            }
                                        },

                                        editable : "incell",

                                        navigatable : true ,

                                        columns : [

                                                {
                                                    field : "bloodCenterId",
                                                    title : "bloodCenterId",
                                                    hidden : true,
                                                },
                                                
                                                {
                                                    field : "miles",
                                                    title : "Miles",
                                                    width : "15%"
                                                },
                                                
                                                // additional columns omitted...

                                                {
                                                    command : [ {
                                                        name : "deleteDistance",
                                                        text : "Delete Distance",
                                                        click : function(e) {

                                                            var tr = $(e.target).closest("tr"); // get

                                                            var data = this.dataItem(tr);

                                                            deleteDistanceClicked(data.bloodCenterId);
                                                        }
                                                    } ]
                                                }
                                        ],
                                    }).data("kendoGrid");
                });

function deleteDistanceClicked(bloodCenterId)
{
    vertScrollPos.value = $(document).scrollTop();

    document.getElementById('hiddenDeleteDistanceBloodCenterId').value = bloodCenterId;
        
    leavePageDialog = false;

    $('#viewForm').attr('action', 'deleteDistance.htm'); 
    $('#viewForm').submit();    
}

---------------------------------------------------------------------------------------------

And this is the table definition in the .jsp file:

---------------------------------------------------------------------------------------------

<table id="distancesTable" class="table table-bordered"style="clear: both;">
    <tbody>
        <c:forEach items="${locationModel.distancesList}" var="distance">
            <tr>
                <td>${distance.distanceId}</td>
                <td>${distance.bloodCenter.bloodCenterId}</td>
                <td>${distance.location.locationId}</td>
                <td>${distance.bloodCenter.name}</td>
                <td>${distance.miles}</td>
                <td>${distance.minutes}</td>
                <td></td>
            </tr>
        </c:forEach>
    </tbody>
</table>

Hi 

I have several views which I would like to display a common header that is data bound to a common viewmodel (MVVM).
The header is defined in a common layout. Is there a way of specifying a different viewmodel for for it to bind to?

Cheers
Aaron

Hi All,

I have troubles witj DropDown editor ingrid, it  occasionally the window with the options will pop up in top left of computer screen. 


Any idea to resolve this?

Hi,

I have some difficulties to draw a graph when I use JSON-date format. I've reproduce the code at http://jsfiddle.net/saes/X5m93/1/
As you can see X-asis is not readable and it seems the graph is tighten.
When I use string instead of date in the JSON-file it works as it is expected. This is the same code as above but instead I've used string instead of date-format in the JSON file: http://jsfiddle.net/saes/5TRN2/2/

I wonder why I'm not able to use date-format in the JSON file and what's wrong in my code?

Regards,
Sam

Hi guys.
I'm looking for example of Kendo UI grid working with dynamic data.
I tried this one:
http://www.kendoui.com/code-library/mvc/grid/binding-to-datatable.aspx
and it is working well with displaying data, but I was not able to find example with other operations (Add,Edit, Delete).
I tried add them by myself and got next exception:
The model item passed into the dictionary is of type 'System.Data.DataRowView', but this dictionary requires a model item of type 'System.Data.DataTable'.
I found that similar question was asked here:
http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/grid/problem-with-crud-operation-with-data-table-as-model.aspx
but it is still without an answer and this thread seems to be closed. Could You please tell me what should be the problem or give me some link
to working example with supported CRUD for Data table as Model.

Here is my code of Index.cshtml:

@model System.Data.DataTable

@(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
        foreach (System.Data.DataColumn column in Model.Columns)
        {
            columns.Bound(column.ColumnName);
        }
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .Groupable()
    .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("DataTableEditor"))
    .DataSource(dataSource => dataSource
        .Ajax()
            .Model(model => model.Id("ProductID"))
                .Model(model =>
                    {
                        model.Id("ProductID");
                        foreach (System.Data.DataColumn column in Model.Columns)
                        {
                            model.Field(column.ColumnName, column.DataType);
                        }
                    })
            .Read(read => read.Action("Read", "Home"))
        .Update(upd => upd.Action("Update", "Home"))
    )
)

Is it possible to configure the behavior of sorting when setting a grid to sortable? Specifically I want to sort the data in the column without respect to case so that, for example, "angle" appears before "Apple" instead of after "Zebra"?