JQuery TreeGrid
Set the checkboxes property of the jqxTreeGrid. Author: http://jqwidgets.com
by Arvind Pal
HTML
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="treeGrid"></div>
JavaScript
var employees = [{
"EmployeeID": 2,
"FirstName": "category1",
"users": 6,
children: [{
"EmployeeID": 8,
"FirstName": "organization1",
"users":4,
children:[{
"EmployeeID": 81,
"FirstName": "organization unit 1",
"users": 2,
children:[{
"EmployeeID": 81,
"FirstName": "user1",
},{
"EmployeeID": 81,
"FirstName": "user2"
}]
},{
"EmployeeID": 81,
"FirstName": "organization unit 2",
"users": 2,
children:[{
"EmployeeID": 81,
"FirstName": "user1",
},{
"EmployeeID": 81,
"FirstName": "user2"
}]
}]
}, {
"EmployeeID": 1,
"FirstName": "organization2",
"users":2,
children:[{
"EmployeeID": 81,
"FirstName": "organization unit 1",
"users":2,
children:[{
"EmployeeID": 81,
"FirstName": "child child1",
},{
"EmployeeID": 81,
"FirstName": "child child2"
}]
}]
}]
}];
//// prepare...