Creating a custom CQ component that uses an editable dialog grid

You can create an Adobe Experience Manager (AEM) custom component that contains an editable grid control that displays data. The data within the grid can be edited by clicking on a cell. The data grid is an instance of CQ.Ext.grid.EditorGridPanel. For information, see CQ.Ext.grid.EditorGridPanel.

The grid lets an AEM author open the component's dialog, view data and edit a cell's content, as shown in the following illustration.

A CQ.Ext.grid.EditorGridPanel that contains editable cells

This article walks you through how to build a custom AEM component that contains a grid with editable cells. To read this development article, click  http://helpx.adobe.com/experience-manager/using/creating-custom-cq-grid.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.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel.