Skip to main content
adobecq-venkat
adobecq-venkat
Level 2
Oct 30, 2015 12:47 AM UTC
Solved

Help with accessing arrays using sightly with index

Hi,

I have 2 arrays question is multiitem and answer which is multi item again

I wanted to display answer under the question. I am trying to access question by index so that I can fetch corresponding answer

How can I do that with sightly?

<ul data-sly-list="${properties.question}">
  <li>${ [ item ]}</li>
</ul>

<ul data-sly-list="${properties.answer}">
  <li>${ [ item ]}</li>
</ul>

The above code displays all questions and displays all answers at the end of questions.

Thanks for your help!

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    leeaslingAccepted solution
    Level 8
    Oct 30, 2015 1:50 AM UTC

    In your example, i'm pretty sure you can do something like this:

    <ul data-sly-list="${properties.question}"> <li> Question: {item} Answer: ${properties.answer[itemList.index]} </li> </ul>
    View in thread

    3 replies

    leeaslingAccepted solution
    Level 8
    Oct 30, 2015 1:50 AM UTC

    In your example, i'm pretty sure you can do something like this:

    <ul data-sly-list="${properties.question}"> <li> Question: {item} Answer: ${properties.answer[itemList.index]} </li> </ul>
    Translate
      smacdonald2008
      smacdonald2008
      Level 10
      Oct 30, 2015 2:40 AM UTC

      See this Sightly article - we handle a Java collection in Sightly:

      Creating a Sightly and Sling Model DOM parser component

      div data-sly-test="${properties.img=='true'}" data-sly-use.img="com.mycompany.myproject.components.Parser">
      <b>Here are the Images</b>
          <ul data-sly-list="${img.images}">
             <li><img src="${item}"></li>
          </ul> 
      </div>
      Translate
      adobecq-venkat
      adobecq-venkatAuthor
      Level 2
      Oct 30, 2015 4:05 AM UTC

      leeasling wrote...

      In your example, i'm pretty sure you can do something like this:

      1. <ul data-sly-list="${properties.question}">
      2. <li>
      3. Question: {item}
      4. Answer: ${properties.answer[itemList.index]}
      5. </li>
      6. </ul>

       

       It worked.Thanks for your answer.

      Translate
        Terms & ConditionsAccessibility statement

        Loading footer...