Dear Team,
I have got a requirement to update/create multiple grid values in only one single call.
Like I have one tabstrip with three grids under it.
and user is allowed to edit multiple records and he will click master save/update button which should save all the records from all the grids present on the page.
This is to reduce the server calls to update one by one grid records.
Is there possible solution to get all the updated values from all grids present on the page for bulk update?? and then make a service call which will update the records. 
Please let me know.

Hi
  I am getting confused on how exactly I should be wiring up a click to a button on an iPhone when I want a button to be dynamically created 

I am aware I shouldn't use onclick, so I could try

(1) <button data-role="button" data-click="func"></button>

here the data-click seems to be ignored if I create a button in a View dynamically

(2) <button id=myButton></button>

<script>
$('#myButton').kendoMobileButton({
  click: func
});
</script>

Is this using the same underlying mechanism as data-click? 

(3) data-bind="events: { click: func }"

I just stumbled across this in the forums, is this needed for is it a MVVM thing? (which I'm not using)

thanks

Hi,

We have a scheduler in "day" that sometime need a time range that span two days: startTime = "2013/6/13 07:00 PM", endTime = "2013/6/14 2:30 AM".

When that happen, there is no meeting shown in the scheduler. Seem to do the same thing in "timeline" view.

Here is an exemple: 

http://dojo.telerik.com/uyIQE/5

Thank you

Is there a way to individually set the cell back-ground color of a multi-column header cell?  I tried using the column.attributes object, but it didn't effect the cell.

When I edit a row in the detail grid, I get following javascript error: "SCRIPT5007: Unable to get property 'getAttribute' of undefined or null reference". Please refer to this jsfiddle. This error is only generated in IE 10 and IE 11 browsers. The fiddle works fine on Chrome, Firefox and IE 9. 

Hello,

I create kendoGrid with the data I received from an web site. The thing is that the column names and column types are unknown until I receive data. Everything else works OK except for Date/Time and Number fields, filter operators are those for string fields (the dropdown does not show greater than or less than, but it shows contains, etc..). The code is below. I checked the type value for the Date/Time field and it is date. Date values are correctly converted date value and I confirmed the format as "{0:MM/dd/yyyy HH:mm:ss}". It still does not show correct filter operators. Do you have any idea as to what is wrong with it?


            var dataSource =searchResult.Result;
            if (!dataSource) {
                dataSource = [];
            }

            $.each(dataSource, function (index, row) {
                if (searchResult && searchResult.Columns) {
                    for (var i = 0; i < searchResult.Columns.length; i++) {
                        var column = searchResult.Columns[i];
                        var jsonDate = row[column.FieldName];
                        if (jsonDate && jsonDate.toString().indexOf("/Date(") > -1) {
                            jsonDate = new Date(parseInt(jsonDate.substr(6)));
                            row[column.FieldName] = jsonDate;
                        }
                    }
                }
            });
            var dataFields = [];
            if (searchResult && searchResult.Columns) {
                for (var i = 0; i < searchResult.Columns.length; i++) {
                    var column = searchResult.Columns[i];
                    dataFields[column.FieldName] = { type: column.Type };
                }
            }

            dataModel = kendo.data.Model.define({
                fields: dataFields
            });

    var columns=[];
    if (searchResult.Columns) {
        for (var i = 0; i < length; i++) {
            var model = searchResult.Columns[i];
            columns[i] = { field: model.FieldName, format: model.Format, title: model.Title, width: "150px" };
        }
    }
 $("#grid").kendoGrid({
        dataSource: {
            data: dataSource,
            schema: {
                model: dataModel
            }
        },
        height: 550,
        sortable: true,
        resizable: true,
        pageable: { pageSize: 15 },
        groupable: true,
        reorderable: true,
        detailInit: onDetailInit,
        detailExpand: onDetailExpanded,
        filterable: true,
        columnMenu: true,
        mobile: true,
        change: rowChanged,
        columns: columns,
        selectable: true });

Thanks for your help!

All of the examples I have seen for the HierarchalDataSource show binding, either to local data, somewhat artificially hard coded, or to remote data that is assumed to be already in json hierarchal format.

I, however, have a flat datasource from which I need to build a hierarchy. So I started out with the following code (html not shown). The question is how to create the children (and further children of children). Obviously this needs to get more complex because I will need to access my own flat data records and also I will need templates for all nodes. But pointers for this would be a great help. Thanks in advance.


(function () {
    'use strict';
angular.module('FieldTreeApp', ['kendo.directives'])
       .controller('FieldTreeViewCtlr', function ($scope) {
           $scope.treeOptions = {
               dataSource: makeData()
           };

    function makeData() {
                var ds = new kendo.data.HierarchicalDataSource();
                ds.add({
                    text: "My first node"
                });
                ds.add({
                    text: "My second node"
                });

                var x = ds.data(); // Does get my data.

                return ds; // This does create the 2 top level nodes.
            }

My Scenario is kendo mobile application. 2014.3.1409

I have a grid that uses the mobile mode...

That all works fine. It adds its own mobile scroller

Ive attached pull to refresh onto that scroll view. The bit i want to remove is the horizontal dragging... It doesnt need it and just makes it bounce around. Vertical scrolling only would be wonderful.

My other mobile views don't do this. Only the grids.

Any one know how to make it behave the way i would like?

Thanks, Matt

Hi,

In URL: http://telerik.ximnet.com.my/kendo_test/test_new_version.html,
I try to use the js files from version telerik.kendoui.professional.2014.3.1119.commercial.

However, I got error:


Which appears when I include the codes:

How should I fix this?

Thanks.

We are using the Kendo Grid in one of our applications. The grid is working perfectly in "desktop" mode but as soon as we test our code on mobile devices, it won't work.
We are saving and restoring only the columns (we get the options and get the columns from there). As soon as we get the saved state, we update our data object and execute the setOptions method.
When the setOptions method is completed, everything from our grid disappears (headers, rows, ...). Forcing a refresh or querying the dataSource does not fix the issue.

Even if I call the setOptions with a new, empty object, the grid goes blank while it works perfectly in "desktop" mode.
We are using following versions:
- Kendo: v2014.3.1119
- jQuery: 2.0.3

Any suggestions how we can fix this issue?