Start Building Professional
Web Apps Today

onPageChanged Event

I have a grid with subrows. I auto open the subrows when the page is loaded or reloaded. I am unable to open the subrows when the page is changed through the pagination toolbar though. I am using this event

mygrid.attachEvent("onPageChanged",function(current){
mygrid.forEachRow(function(id)
{
var cell = mygrid.cells(id,0);
if (cell.open) cell.open();
});
return true;
});

That same logic works when attached to my load XML function as well as the reload XML function like so...

mygrid.loadXML("url",function(){

mygrid.forEachRow(function(id)
{
var cell = mygrid.cells(id,0);
if (cell.open) cell.open();
});
return true;

});

When the page is changed... It "acts" like it is opening the subrows as the rows in the grid expand, the the subrow never appears. As well the + in the subrow remains. When you manually click to expand the subrow, all the formatting in the grid is messed up (rows overlapping rows, etc...)

I have tried using onXLE, onXLS, onPaging, just about every event to auto expand subrows. The only way it works is a function attached to XML load function.

Any help is appreciated.

Unfortunately sub row functionality is incompatible with paging functionality. There is no possibility to use them together.