detailView - updating an expanded row makes the detail disappear

[eliraz]

Hello,

we have been working with detailView, and found that when calling updateRow on a row which is currently expanded, the detail simply disappears, the row doesn't collapse or anything, but the detail is simply gone.

The result is as follows:


This has can be seen reproduced here : http://jsfiddle.net/4uw4x2ww/4/
we have implemented an updateRow method on every rowClick on the master, so by expanding a row and then clicking on it you can see the detail disappear.

[stworthy]

Please see the updated example http://jsfiddle.net/4uw4x2ww/5/

[eliraz]

Hey.

While in the provided example this may be a viable workaround, in our real application the inner grid is dynamic and requests its own data from the server when it is expanded, and its loading time takes a lot longer, meaning that our performance will suffer greatly from this collapse-expand workaround.

Is there a different fix?

Thank you.

[stworthy]

When call 'updateRow' method to update a row's content, the detail content will also be updated. Your detail content is defined as:

Code:

detailFormatter:function(index,row){
	return '<div style="padding:2px"><table class="ddv"></table></div>';
},

So the detail sub grid loses. You have to create it again. To prevent from clearing the detail content, please set the 'canUpdateDetail' property of view to false. The updated example below shows how to do this.
http://jsfiddle.net/4uw4x2ww/6/

[eliraz]

It works!

Thank you very much.