In the Designer, the steps are fairly simple. You start by creating an EditorGridPanel. This new grid panel will come pre-canned with several columns and column editors (which are just form field components). You edit the existing columns or delete/create columns as needed, and you can attach the appropriate column editor to each column that you want to be editable. So if you want a text box to show up when editing, then you want to add a TextField. If you want a drop down when editing, add and configure a ComboBox. Etc.
Lastly, for grouping, you can add the GroupingView to the EditorGridPanel and configure it to group on a particular data attribute from your store records.
Let me know if that is enough information to get you started. Good luck!
Thanks Mihai, I have this ticket open and will get this fixed ASAP for the next release. Thanks for reporting it! It's ok that the view is placed under a column, that doesn't matter...but there is an issue with Ext JS itself in terms of rendering the component that didn't exist before, so I will get it resolved.
I'm going to have to remove the GroupingView in the next release until we release the custom Store configurations (where you can supply your own DataProxy, DataReader, and DataWriter configs). The GroupingView needs a GroupingStore to work (whoops!) and we don't support the GroupingStore at the moment, but we will when we allow for custom proxy, reader, and writer configurations against a generic Store or a GroupingStore. I'll try to prioritize this for a near future release.
Just curious... When can we expect to see the Grouping Store available in Designer? An IDEAL situation would have all the available features of EXTjs ready to use in the Designer.
Perfection as a goal is a nice idea that can point one in a specific direction. However, since "perfection" is an ever changing (evolving?) and moving target, one must admit that perfection can never be obtained...