List of maps in Sightly | Community
Skip to main content
A
alistairp781078
Level 4
July 21, 2017
Solved

List of maps in Sightly

  • July 21, 2017
  • 5 replies
  • 6301 views

Could someone please help me with using a list of maps in Sightly.

I am using a sling model with a List<Map<String, String>> variable and wish to iterate through the list and dynamically pull values from the map based on variable names. For example a map may contain two variables with the following keys: path and title. A list would then comprise one or more of these maps.

I so far have the following HTL code:

<div data-sly-use.articlesearch="xx.xx.xx.xx.core.model.ArticleSearch">

     <div data-sly-list="${articlesearch.ListOfMaps}">

          <div data-sly-list.map="${item}">

               ${map}

               ${mapList.index}

        </div>

    </div>

</div>

This prints out the following:

path 0 title 1

path 0 title 1

...

If I try to access one of the values by its key, e.g. ${map[path]}, I get the following error:

org.apache.sling.api.SlingException: Cannot get DefaultSlingScript: Invalid property name

Does anyone have any examples of how to implement this or have some guidance on how I could approach it?

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

    Hi

    In your java code LIstOfMaps is a method which is returning like like below sample code.

    public List<Map<String, Object>> getValues() {

    List<Map<String, Object>> results = new ArrayList<Map<String, Object>>();

    if (json != null) {

      for (String value : json) {

              Map<String, Object> column = parseItem(value);

              if (column != null) {

                        results.add(column);

                   }

              }

         }

         return results;

    }

    If this is right then below is the modified Sightly code.
    <div data-sly-use.articlesearch="xx.xx.xx.xx.core.model.ArticleSearch">

         <div data-sly-list.listItems="${articlesearch.ListOfMaps}">

           path :  ${listItems['path']}

         title : ${listItems['title']}

        </div>

    </div>

    Hope this will help !

    Thanks

    5 replies

    Feike_Visser1
    Adobe Employee
    Feike_Visser1Adobe Employee
    Adobe Employee
    July 21, 2017

    Here an example that I wrote on using a HashMap:

    htl-examples/HashMapExample.java at master · heervisscher/htl-examples · GitHub

    A
    alistairp781078Author
    Level 4
    July 21, 2017

    Hi Feike,

    Thanks, that's a useful example. I've had a go at implementing it with the following code:

    <div data-sly-use.articlesearch="xx.xx.xx.xx.core.model.ArticleSearch"

         data-sly-list.list="${articlesearch.ListOfMaps}">

         <ul data-sly-list.map="${list.keySet.iterator}">

              ${map} ${list[map]}

        </ul>

    </div>

    This prints out all of the variables and their values from the map but only iterates over them in order. What I would be interested in is having some way of pulling out the value for a specified field (e.g. title). Is there any way of doing that?

    I've tried ${list[map][title]} but this returns the same error I had in my initial post.

    Feike_Visser1
    Adobe Employee
    Feike_Visser1Adobe Employee
    Adobe Employee
    July 21, 2017

    should you not have: ${list[map]['title']}

    zeeshanKhan0786
    zeeshanKhan0786Accepted solution
    Level 5
    July 21, 2017

    Hi

    In your java code LIstOfMaps is a method which is returning like like below sample code.

    public List<Map<String, Object>> getValues() {

    List<Map<String, Object>> results = new ArrayList<Map<String, Object>>();

    if (json != null) {

      for (String value : json) {

              Map<String, Object> column = parseItem(value);

              if (column != null) {

                        results.add(column);

                   }

              }

         }

         return results;

    }

    If this is right then below is the modified Sightly code.
    <div data-sly-use.articlesearch="xx.xx.xx.xx.core.model.ArticleSearch">

         <div data-sly-list.listItems="${articlesearch.ListOfMaps}">

           path :  ${listItems['path']}

         title : ${listItems['title']}

        </div>

    </div>

    Hope this will help !

    Thanks

      A
      alistairp781078Author
      Level 4
      July 21, 2017

      Perfect! This is just what I was after.

      Thanks both for your help.

      Terms & ConditionsAccessibility statement

      Loading footer...