Adobe Experience Manager Sites & More

rahul234dabas · 8/11/22

I have a list of object of type say <ABC>

which I am accessing in my HTML file as :

data-sly-list.navItem="${model.myList}"

-> I am able to access the objects and their respective properties via this

-> but I want this list of object of type<ABC> in my js file

-> currently I am accessing it from the attribute as :

->when I am accessing it in my js file it's returning as string with the output like :

-> how can I get it as list of object , so that I can use it in my js code

Please help me find out

Thank you

Sachin_Arora_ · 8/12/22

You can send Json Array( as a String) of Breadcrumb List from the Sling Models to data-myList attribute in HTML.

You can use GSON for POJO to JSON conversion or you can write logic to create JsonArray containing data of breadcrumb as a JsonObject. Then in your getter method, you can send the jsonArray.toString() so that return type is String and understood by JS.
https://developer.adobe.com/experience-manager/reference-materials/6-5/javadoc/com/google/gson/JsonO...

You can refer data-cmp-data-layer attribute of Core components which is created for similar purpose.

Sachin_Arora_ · 8/12/22

You can send Json Array( as a String) of Breadcrumb List from the Sling Models to data-myList attribute in HTML.

You can use GSON for POJO to JSON conversion or you can write logic to create JsonArray containing data of breadcrumb as a JsonObject. Then in your getter method, you can send the jsonArray.toString() so that return type is String and understood by JS.
https://developer.adobe.com/experience-manager/reference-materials/6-5/javadoc/com/google/gson/JsonO...

You can refer data-cmp-data-layer attribute of Core components which is created for similar purpose.