Binding a nested array to a list in a table

Question

I am trying to bind a nested array to a list in a table.

{
    "activities": [{
            "activityId": "1",
            "activityName": "tennis",
            "activityHours": [{
                "hour": "09:00",
                "instructor": "dave"
            }, {
                "hour": "10:00",
                "instructor": "Emma"
            }]
        }, {
            "activityId": "2",
            "activityName": "swimming",
            "activityHours": [{
                "hour": "09:00",
                "instructor": "Ella"
            }, {
                "hour": "10:00",
                "instructor": "Ron"
            }]
        }

    ]

}

my view.xml code:

<Table id="tblFactories" items="{path: 'data>/activities'}">
    <items>
<ColumnListItem >
<cells>
<Text text="{data>activityName}"></Text>
<List  items="{path: 'data>/activityHours'}" >
<StandardListItem  title="{data>hour}" ></StandardListItem>
</List>
    </cells>
</ColumnListItem>
</items>
</Table>

but it is not working. does anyone know what is the correct syntax for the List binding?

Thanks!

Stephen S · Accepted Answer · 2017-03-22 13:05:53Z

1

In your XML code, the path is incorrect. For the List, activityHours is a property of the parent object so you should remove the '/'. For the List the context will be as below.

<Table id="tblFactories" items="{data>/activities}">
    <columns>
        <Column>
            <Text text="Activity Name" />
        </Column>
        <Column>
            <Text text="Hours" />
        </Column>
     </columns>   
        <items>
            <ColumnListItem >
            <cells>
                    <Text text="{data>activityName}"></Text>                        
                    <List  items="{data>activityHours}" >
                    <StandardListItem  title="{data>hour}" ></StandardListItem>
                    </List>                        
            </cells>
            </ColumnListItem>
        </items>
    </Table>

answered Mar 22, 2017 at 13:05

Stephen S

4,0022 gold badges25 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Binding a nested array to a list in a table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related