Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Help understanding AEM JavaScript Ejst and CQ

Avatar

Level 6

I am trying to start writing my own custom xtypes in AEM.

 

In order to do so I have realized that I need to extend my JavaScript programming skills and specifically understand CQ JavaScript custom classes and methods.

 

I am not an advanced JavaScript programmer.

In the following development article https://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html
 there is some JavaScript which I am trying to understand and that I will eventually have to customize.

For example in CustomWidget.js

Ejst.CustomWidget = CQ.Ext.extend(CQ.form.CompositeField, {

How would I find documentation to help me understand what Ejst is.

And off course its methods.

 

Then there is the CQ JavaScript. Where the expression starts with CQ.EXT and so on.

For example on these forums I found the following JavaScript to create a url and call it.

    var url = CQ.HTTP.noCaching("/content/whatever/all."+query+".search.html");
    CQ.HTTP.get(url);

The CQ.HTTP.get works, but how would I find further documentation or help to using CQ specific JavaScript.

 

Best regards

Clive Stewart

1 Accepted Solution

Avatar

Correct answer by
Level 10

Start with this article to write a custom xtype:

https://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html

This one is easier to follow along with than the other one - which is more advanced and covers more features - like RTE/plugins, etc, 

View solution in original post

1 Reply

Avatar

Correct answer by
Level 10

Start with this article to write a custom xtype:

https://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html

This one is easier to follow along with than the other one - which is more advanced and covers more features - like RTE/plugins, etc,