Expand my Community achievements bar.

Learn to create an AEM component that uses an editable grid

Avatar

Level 10

The AEM Community asked for this content:

1 - how to develop a CQ component that uses an editable data grid based on a CQ.Ext.grid.EditorGridPanel. An editable grid lets AEM authors modify data located in the grid's cells.
2 - how to setup the grid's column by using a CQ.Ext.grid.ColumnModel instance.
3 - how to populate the grid by using an Ext.data.GroupingStore instance.
4 - how to use a CQ.Ext.data.HttpProxy instance to retrieve data from CQ.
5 - how to use grid event handlers such as the method that is fired when a change to a grid cell occurs. 
6 - how to get grid data by iterating through the grid and retrieving CQ.Ext.data.Record objects. 

See: 
http://helpx.adobe.com/experience-manager/using/creating-custom-cq-grid.html.

0 Replies