You can create an Adobe Experience Manager (AEM)
custom component that contains a grid control that displays data. The
custom component contains a dialog that renders a grid. The data grid is
an instance of CQ.Ext.grid.GridPanel. For information, see CQ.Ext.grid.GridPanel.
The grid lets an AEM author open the component's dialog and view data, as shown in the following illustration.
The grid lets an AEM author open the component's dialog and view data, as shown in the following illustration.
 |
| A grid control located in an AEM component's dialog |
You can populate the grid by using a CQ.Ext.data.Store instance. You can define a JavaScript method that dynamically creates a CQ.Ext.data.Store instance to populate the grid with data obtained at run-time.
This article walks you through how to build a custom AEM component that contains the data grid. To read this development article, click http://helpx.adobe.com/experience-manager/using/creating-custom-cq-component-uses.html.
Join the Adobe Experience Cloud Community
Join the Adobe Experience Cloud Community by clicking this banner
I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.
Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.
YouTube: Subscribe to the AEM Community Channel.
Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.
