I have a grid with remote datasorce. An I had jquery function called on specific event, which changed the grid data :

 function approve(e) {
            var grid = $("#grid").data("kendoGrid");
            var tr = $(this).parents("tr");
            var dataItem = grid.dataItem(tr);
            if (dataItem != null) {
                    dataItem.set("Approved", true);
                    dataItem.set("ApprovalDate", new Date());
                }
        }

This function worked and updated the datasource and the data in the grid. After we upgraded to the version 2016.1 12, the code stopped working. I found the alternative which is working:

function approve(e) {
            var grid = $("#grid").data("kendoGrid");
            var tr = $(this).parents("tr");
            var dataItem = grid.dataItem(tr);
            if (dataItem != null) {
                    dataItem.Approved = true;
                    dataItem.ApprovalDate = new Date();
                 
                }
            }
            grid.refresh();
        }

Why the old approach is not working anymore? It is a huge problem for us, because a lot of old code is broken. What is the correct way to update data in the grid programmatically?

I would like to get an example of using Kendo RadioButtonFor control which is not working whatever way I use.
For example I am using it following way insode my Editor Template for Kendo Grid

@(Html.Kendo().RadioButtonFor(model=>model.IsMale).Value(true).Name("IsMale").Label("Male").Checked(Model.IsMale))  @(Html.Kendo().RadioButtonFor(model=>model.IsMale).Value(false).Name("IsMale").Label("Female").Checked(Model.IsMale))

It does not show correct radiobutton selected no matter isMale is true or false....
I'd appreciate any good example....

Thanks
Rizwan

I have 2 grids on my page.  The first contains a list of customers.  When a customer is selected in the first grid, a second grid populates with the customer's phone numbers.  When I edit a phone number in the second grid, the selected row in the customers grid becomes unselected.  What's causing this behavior and how can I prevent it? 

Here's a fiddle demonstrating the problem:

https://jsfiddle.net/6kdvC/139/

Thanks! 

I have a Kendo chart that receives data from the server using Angular. While loading I have an overlay that displays to show that the data is loading. That works fine, but if I receive an error on my promise call I would like to display another message (i.e. "Could not retrieve data"). Below is a sample of what my call looks like.

Hello,

I have an issue with Firefox and the DatePicker.

The further down I scroll on the page, the further down the datepicker is placed compared to the input element (where it is placed). Eventually it opens outside the visible area and you cannot interact with it (due to it being placed outside the view).

Any solution to this?

Hi,

I would like to customize the spreadsheet for my application. But I can't figure out how.

I would like to remove the contextual tabs, the undo/redo buttons, the toolbar and the formula bar.

But it may be useful to keep the "header" where these "components" are right now.

How can I do that?

Thanks.

I have been playing around with a local copy of the pie chart using remote data, as per this demo http://demos.telerik.com/kendo-ui/pie-charts/remote-data-binding

The chart is rendering just fine. However, when I update the data on the server the chart does not update until I prompt it to with this;

$("#chart").data("kendoChart").dataSource.read();

I found this post in the forums, perhaps the wording is misleading, but it suggests that it should "automatically refresh".

http://www.telerik.com/forums/update-datasource#6D639C0ai0Sf57uQiljUug

Maybe I am missing something? Here is my source code;