Level 3

Solved

Displaying values of Multifieldpanel component

10 replies
2313 views
Translate All

I have created a multifieldpanel component where the values are getting stored in below json format:

with the name :definitions

{"node1":"hello","node2":"textarea1"}

How can i print the key(node1,node2) and values(hello,textarea1) separately. I am using sightly with JavaScript-use API.

Thanks

Akshita

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Feike_Visser1Accepted solution

Adobe Employee

Here some sample code:

<ul data-sly-use.listValues="listValues.js" data-sly-list="${ listValues.json }">
<li>${item} ${listValues.json[item]}</li>
</ul>

JS:

use(function () {
var values = String(properties.get("values"));

var json = JSON.parse(values);

return {
json : json
};
});

Feike_Visser1

Accepted solution

Adobe Employee

Here some sample code:

<ul data-sly-use.listValues="listValues.js" data-sly-list="${ listValues.json }">
<li>${item} ${listValues.json[item]}</li>
</ul>

JS:

use(function () {
var values = String(properties.get("values"));

var json = JSON.parse(values);

return {
json : json
};
});

Translate

A

akshitaa8272040Author

Level 3

Feike Visser wrote...

Here some sample code:

<ul data-sly-use.listValues="listValues.js" data-sly-list="${ listValues.json }"> <li>${item} ${listValues.json[item]}</li> </ul>

JS:

use(function () { var values = String(properties.get("values"));

var json = JSON.parse(values);

return { json : json }; });

Hi Feike,

It worked out for the above data. Thanks :)

However if i have multiple data as below:

{"node1":"hello","node2":"textarea1"} , {"node1":"bye","node2":"textarea2"}

it is throwing Unexpected token: L error.

Thanks

Akshita

Translate

Feike_Visser1

Adobe Employee

Is this in a String-array?

Translate

A

akshitaa8272040Author

Level 3

Feikke please see the attachment.

Translate

Feike_Visser1

Adobe Employee

You need to handle it as an array.

use(function () {
var values = String(properties.get("values"));

var json = JSON.parse("["+values+"]");

return {
json : json
};
});

Translate

A

akshitaa8272040Author

Level 3

Feike Visser wrote...

You need to handle it as an array.

use(function () { var values = String(properties.get("values"));

var json = JSON.parse("["+values+"]");

return { json : json }; });