Expand my Community achievements bar.

SOLVED

Sightly how to get multivalued properties

Avatar

Former Community Member

Hi,

I am new to Sightly world and i can't find the way to retrieve the values from mutlivalued string with a multifield.

<ul data-sly-list.child="${properties.items}"> // Doing this the iteration definitely happens.
    <li>Child Item: ${properties.heading}</li> // This prints both the keys together.

OR <li> Child Item: <li>Child Item: ${child.heading}</li> //Dosen't Print anything. Neither childList does.

</ul>

 // items the key of the element which is stored like below

      
items
String[]
{"heading":"sdf","label1":"sdf","./label2":"sdf","label3":"sdf"}{"heading":"sdf","label1":"sdf","./label2":"sdfsd","label3":"sdfsdf"}

Any help is appreciated. It can't be complex but nowhere in the documentation anything is mentioned about properties. They all have listed page iteration example.

1 Accepted Solution

Avatar

Correct answer by
Level 10

IMO It is covered at [1].  With just theoritical knowledge of [1] something like  [2] should work.  Give a try

[1]  http://docs.adobe.com/content/docs/en/aem/6-0/develop/sightly.html

[2]

<dl data-sly-list.head="${properties.heading}">
    <dt>key: ${head}</dt>
    <dd>value: ${properties.heading[head]}</dd>
</dl>

View solution in original post

5 Replies

Avatar

Correct answer by
Level 10

IMO It is covered at [1].  With just theoritical knowledge of [1] something like  [2] should work.  Give a try

[1]  http://docs.adobe.com/content/docs/en/aem/6-0/develop/sightly.html

[2]

<dl data-sly-list.head="${properties.heading}">
    <dt>key: ${head}</dt>
    <dd>value: ${properties.heading[head]}</dd>
</dl>

Avatar

Level 3

Hi Sham,

How do we get the properties from which the multifield data saved as nodes?

Thanks,

Sony

Avatar

Employee

what do you mean with "saved as nodes"

Avatar

Level 1

1799663_pastedImage_0.png

hi Feike,

I have a multifield having two textfields, but when I add the data to the multifield, it is saving as nodes.

Below the screenshot for that :

1799664_pastedImage_1.png

Can you please help me getting the values from this nodes using data-sly-list or data-sly-repeat.

Thanks

Soumya Dutta

Avatar

Community Advisor

Hi Somya

you need to write a sling mode or wcmusepojo class to achieve this.

You can't do it alone with sightly.

AEM 6.3 Code snippets : Coral 3 multifield component - Keys and Strokes



Arun Patidar