Row Expander - expand 1st row by default

[deanoj]

Hi guys & girls

I have a question I hope someone can help with.

I have a grid working fine with paging, the row expander plugin and an expand all button. The last issue I can't fingure out is how to make the first row expanded by default.

After searching the forums I found this post: http://extjs.com/forum/showthread.php?t=24485, but couldn't get it work correctly. I've spent a morning on this and still can't crack it.

Can anyone offer some advice?

Thanks in advance - Deano

[evant]

Try:

myExpander.expandRow(0);

[deanoj]

Hi Evant

Thanks for replying.

I tried your suggestion with no luck...it throws an error:

row has no properties
    var record = this.grid.store.getAt(row.rowIndex); 

It seems to me that the row object is not been returned correctly in the RowExpander.js

if(typeof row == 'number'){
    row = this.grid.view.getRow(row);
} 

'row' is still undefined after this statement.

By the way I am calling

myExpander.expandRow(0); 

right at the end of my script...I presume this is correct?

Deano

[evant]

You should probably do it after the grid is rendered:

myGrid.on('render', function()
{
   myExpander.expandRow(0);
}
);

If that fails, try it on store load.

[deanoj]

Evant

The load listener on my store cracked it thank you.

Deano

[benyhapper]

How could you run the option to leave the first row grid expanded? You can post the complete example?

Thanks

[lovzan]

function expandAllRows()
{
    nRows=store.getCount();
    for(i=0;i< nRows;i++)
        myExpander.expandRow(grid.view.getRow(i));
}

function collapseAllRows()
{
    nRows=store.getCount();
    for(i=0;i<nRows;i++)
        myExpander.collapseRow(grid.view.getRow(i));
}