Pagelist

Overview

PAGELIST is a component for presenting different views which can be changed by means of scrolling (horizontal or vertical). By changing size of PAGELIST area, you can set any number of displayed at the same time views. Ui-related PAGELIST inherits from list.


Related sample: 04_list/05_pagelist.html

Initialization

The following is an example of initialization with the commonly used parameters (to see a full list of PAGELIST's parameters, please refer to the corresponding chapter of the manual):

dhx.ui({
	  view:"pagelist", 
          id:"x_list",
	  scroll:"x",
          url:"data.xml", 
          datatype:"xml",
	  template:"#name#",
 	  panel: false
})

Specify id if you're going to refer to PAGELIST later.

Working with PAGELIST

API Reference

Useful tips

  • PAGELIST and CARAUSEL are similar, but PAGELIST has more possibilities.
    • In PAGELIST you can display as much items as you want at the same time, in CARAUSEL - just one.
    • As CARAUSEL inherits from LAYOUT, you can specify for it just internal source of data. PAGELIST, in its turn, inherits from LIST and allows to use xml, csv, json or jsarray file as datasource.
  • To set the desired size of PAGELIST area - use the parameter type, inherited from LIST.

Related articles

A full list of articles.

To use ui functionality, touchui.css and touchui.js files must be included.