Basic questions about Extjs in CQ

[askdctm]

Hi All,

I was going through the article https://helpx.adobe.com/experience-manager/using/creating-touchui-component1.html. Couple of doubts as below :

1] The code is written in extjs correct? Is it the same as Angular js?

2] What does "CQ.Ext.ns" indicate?

3] Was able to understand the line "CQ.WCM.getSidekick()" by going through https://docs.adobe.com/content/docs/en/cq/5-6-1/widgets-api/index.html?class=CQ.WCM. However, could not understand the line "var pagePanel = sk.panels["PAGE"];" and "return comp["name"] == "PUBLISH_PAGE";".

Any thoughts on this will be helpful.

[edubey · Accepted solution]

1] The code is written in extjs correct? Is it the same as Angular js?

EXTJS is a MVC JS framework which helps you to build big and complex application easily, its different from Angular JS

2] What does "CQ.Ext.ns" indicate?

Its actually use to define or create new namespace in JS. Its a method in ExtJS

3] Was able to understand the line "CQ.WCM.getSidekick()" by going through https://docs.adobe.com/content/docs/en/cq/5-6-1/widgets-api/index.html?class=CQ.WCM. However, could not understand the line "var pagePanel = sk.panels["PAGE"];" and "return comp["name"] == "PUBLISH_PAGE";".

These are the object define in Sidekick.js file of AEM, using that file we are actually injection our own develop style / button

As far as your question is concerned, I think you are referring to http://adobeaemclub.com/customize-aem-sidekick-add-useful-feature/