DataList

Datalist supports paging and you should pass @{pageindex} and @{pagesize} in URL of your web service data source. Datalist manage these parameters and will load your data in an infinite scroll mode.

{
"page": 1,
"items": [
{
"id": 1,
"description": "description 1",
"title": "title1",
"left": "left 1",
"right": "right 1",
"city": "Paris",
"imageIcon": "https://cdn.apgr.me/images/logo-1.png"
},
{
"id": 2,
"description": "description 2",
"title": "title 2",
"left": "left 2",
"right": "right 2",
"city": "London",
"imageIcon": "https://cdn.apgr.me/images/logo-2.png"
},
{
"id": 3,
"title": "title 3",
"description": "description 3",
"left": "left 3",
"right": "right 3",
"city": "Berlin",
"imageIcon": "https://cdn.apgr.me/images/logo-3.png"
},
{
"id": 4,
"title": "title 4",
"left": "left 4",
"right": "right 4",
"city": "Rome",
"description": "description 4",
"imageIcon": "https://cdn.apgr.me/images/logo-4.png"
},
{
"id": 5,
"title": "title 5",
"description": "description 5",
"left": "left 5",
"right": "right 5",
"city": "Madrid",
"imageIcon": "https://cdn.apgr.me/images/logo-5.png"
},
{
"id": 6,
"title": "title 6",
"description": "description 6",
"left": "left 6",
"right": "right 6",
"city": "Vienna",
"imageIcon": "https://cdn.apgr.me/images/logo-6.png"
},
{
"id": 7,
"title": "title 7",
"description": "description 7",
"left": "left 7",
"right": "right 7",
"city": "Praugue",
"imageIcon": "https://cdn.apgr.me/images/logo-3.png"
},
{
"id": 8,
"title": "title 8",
"description": "description 8",
"left": "left 8",
"right": "right 8",
"city": "Amesterdam",
"imageIcon": "https://cdn.apgr.me/images/logo-1.png"
},
{
"id": 9,
"title": "title 9",
"description": "description 9",
"left": "left 9",
"right": "right 9",
"city": "Stockholm",
"imageIcon": "https://cdn.apgr.me/images/logo-2.png"
}
],
"totalPages": 10,
"toast": ""
}
‚Äč