Grid is a component that allows to create various DHTML tables. Ui-related grid inherits from view.
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:"grid", ...})
In constructor you can specify the following parameters:
Please note, grid is a derived class, i.e. it inherits all the features of the base class (grid → view).
dhx.ui({ container:"grid_container", rows:[{ id:"grid", view:"grid", select:"multiselect", fields:[ { id:"id", width:40, sort:{ as:"int" } }, { id:"Package", width:350, label:"Package Name", template:"#Package# <span style='color:#919191'>#Version#</span>", type:"custom" }, { id:"Maintainer", width:200 } ], datatype:"json", url:"data.json" }] });
To use ui functionality, touchui.css and touchui.js files must be included.