how can I get a list of object from my sling model to js or html ?

Question

I have a list of object of type say 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 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 : com.abc.core.models.components.content.structure.BreadcrumbList@6456a1c6,com.abc.core.models.components.content.structure.BreadcrumbList@4b6d6774 -> 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_ · Accepted Answer

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/JsonObject.html

http://www.javased.com/?api=com.google.gson.JsonObject

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

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded