Grouplist

Overview

GROUPLIST is a component that presents a list of data grouped by some category. Ui-related GROUPLIST inherits from LIST.
It's similar to LIST component. The difference between them is data presentation. GROUPLIST presents data in groups while LIST presents a general list of items.


Related sample: 04_list/03_grouplist.html

Initialization

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

dhx.ui({ 
        view:"grouplist", 
	id:"mylist", 
        url:"books_tree.xml", 
        datatype:"xml",
	type:{
		templateItem:"#title# (#author#)",
	        templateGroup:"#title#",
		templateBack:"#title#",
	},
	width: 500
});

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

Working with GROUPLIST

API Reference

Related articles

A full list of articles.

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