Grouping Property Grid

[harrydeluxe]

Ext.ux.grid.property.Grid is a extension with some helpful features, like Grouping, disabled fields or additional columns.



Source on Github:
https://github.com/harrydeluxe/extjs-ux/

Demo:
http://harrydeluxe.github.com/extjs-...pertygrid.html

[scottmartin]

This is nice. thanks!

Regards,
Scott.

[talakuchi]

Ext.ux.grid.property.Grid is a extension with some helpful features, like Grouping, disabled fields or additional columns.



Source on Github:
https://github.com/harrydeluxe/extjs-ux/

Demo:
http://harrydeluxe.github.com/extjs-...pertygrid.html

Hi all, I am completely new to extjs. May I know how to use this grouping property grid? What are the settings need to be done to use this? What are the js files and css files that i need to include in my page?

I realised that in the example given, it has this renderTo: 'editor-grid' and also renderTo: Ext.getBody().
Is it possible that I declare my grouping property grid in another js file which is outside of the onReady()? Because I encountered this Ext.getBody() returns me null when i use firefox firebug to test it. I was told that anything outside of onReady(), Ext.getBody() will return null.

And then i saw that the Grid.js which is where the 'Ext.ux.grid.property.Grid' is defined, its initComponent functions requires Ext.getBody(). Does that means that if i have to declare my grouping property grid in another js file outside of onReady(), this grouping property grid won't work for me?

Is there any other grouping property grid out there that suitable for my case? All i need is just a property grid that has grouping features, and allow different celleditor per row.

Can anyone advise me what to do? Thank you in advance.