CODEWITHSUNDEEP
angularjskendo-ui
Umer Hayyat
Umer Hayyat

Reputation: 406

Kendo UI grid for AngularJS detail row automatically collapse after inserting itmes into detail data source

I am using Kendo UI grid for AngularJS. The scenario is; I have expanded one master row which contains another grid in its detail template. When I insert new item in the detail template grid, the master row automatically collapsed. what I want is when I making changes to detail template grid than there must be no affect on master row(I mean should not be collapsed). any help will be appreciated.

Upvotes: 1

Views: 813

Answers (2)

Ryan Gavin
Ryan Gavin

Reputation: 729

Try adding a dataBinding function to the grid to cancel the default action on the item Change event.

Example Below:

 $("#grid").kendoGrid({
        navigatable: true,
        sortable: true,
        dataBinding: function (e) {
            if (e.action == "itemchange") {
                e.preventDefault();
            }

        },
    });

Upvotes: 2

user5795306
user5795306

Reputation:

I know the question is old but I have faced the same scenario and come up with this, when you rebind/refresh grid by any mean, the grid get re rendered and thus you got collapse your row. apparently this behavior is of kendo ui. the only thing you can do is take that expanded row id and then rebind grid, after rebind expand that row again

Upvotes: 1

Related Questions