Grouplist is a component that presents a list of the data grouped by some category. Ui-related grouplist inherits from view.
It's similar to list component. The difference between them is data presentation. grouplist presents data in groups while list presents a full 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 object by using common declaration.
dhx.ui ({view:"grouplist", ...})
In constructor you can specify the following parameters:
Please note, grouplist is a derived class, i.e. it inherits all the features of the base classes (grouplist → View).
dhx.ui({ view:"grouplist", id:"mylist", url:"books_tree.xml", datatype:"xml", type:{ template_item:"#title# (#author#)", template_group:"#title#", template_back:"#title#", }, width: 500 });
To use ui functionality, touchui.css and touchui.js files must be included.