List is a component that presents a normal list of the data items. Ui-related list inherits from view.
It's similar to grouplist component. The difference between them is data presentation. grouplist presents data in groups while list presents a general list of items.
Full code of the example in the picture (including xml structure)
To init the component you need to perform a simple procedure - call initialization code.
Initialization code or an object constructor, lets you create an object by using common declaration.
dhx.ui ({view:"list", ...})
In constructor you can specify the following parameters:
Please note, list is a derived class, i.e. it inherits all the features of the base class (list → View).
dhx.ui({ container:"list_container", view:"list", id:"mylist", url:"books.xml", datatype:"xml", template:"#title# (#author#)", select:true, type: { width: 500 } });
Follow one of the links to know details of the desired data type (configuration and usage example).
To use ui functionality, touchui.css and touchui.js files must be included.