PDA

View Full Version : How can I implement Grid RowExpander using Ext Designer?



kiryu
21 Oct 2010, 7:17 AM
I can the see the example in the official site.
But How can I implement it using Ext Designer?

wemerson.januario
24 Oct 2010, 5:28 PM
add this in your extended Ui class initiComponent method.



var tpl = new Ext.XTemplate(
'<div style="padding:2px;">',
'<tpl for=".">',
'<div>',
'{myFieldToExpand}',
'</div>',
'</tpl>',
'</div>'
);
var expander = new Ext.ux.grid.RowExpander({
tpl : tpl,
enableCaching:false,
lazyRender:false
});
myGrid.getColumnModel().config.unshift(expander);
myGrid.initPlugin(expander);

kiryu
25 Oct 2010, 7:22 AM
Thanks a lot wemerson.
This problem has troubled me for a long time.

JimR
3 Nov 2010, 7:48 PM
But if you are using Designer, your HTML doesn't call Expander, so you get the error:

Ext.ux.grid is undefined.

I'm sure this is simple for some, but it is still bugging me how one elegantly deals with files that ideally would be included in the HTML, but cannot be since Designer auto-generates those files.

jarrednicholls
4 Nov 2010, 8:48 AM
Hi JimR,

You should not use the xds_index.* files directly, they are merely there for "previewing" your components in browsers. You would instead have your own "application entry point" for your project. You can copy/paste the code from the xds_index.* files to prime your real application files. You then have free reign to include any additional html, css, and javascript to your application. The only important files that are exported are all of your .ui.js and .js component classes.

Hope that helps.

JimR
4 Nov 2010, 2:55 PM
Ahhh, yes it does. I was thinking that I *should* use xds_index.html for some reason, and didn't want to just create another file in case it was bad form.