JavaScript TreeGrid

Set the hierarchicalCheckboxes 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": "Andrew",
             "LastName": "Fuller",
             "Country": "USA",
             "Title": "Vice President, Sales",
             "HireDate": "1992-08-14 00:00:00",
             "BirthDate": "1952-02-19 00:00:00",
             "City": "Tacoma",
             "Address": "908 W. Capital Way",
             "expanded": "true",
         children: [{
             "EmployeeID": 8,
                 "FirstName": "Laura",
                 "LastName": "Callahan",
                 "Country": "USA",
                 "Title": "Inside Sales Coordinator",
                 "HireDate": "1994-03-05 00:00:00",
                 "BirthDate": "1958-01-09 00:00:00",
                 "City": "Seattle",
                 "Address": "4726 - 11th Ave. N.E."
         }, {
             "EmployeeID": 1,
                 "FirstName": "Nancy",
                 "LastName": "Davolio",
                 "Country": "USA",
                 "Title": "Sales Representative",
                 "HireDate": "1992-05-01 00:00:00",
                 "BirthDate": "1948-12-08 00:00:00",
                 "City": "Seattle",
                 "Address": "507 - 20th Ave. E.Apt. 2A"
         }, {
             "EmployeeID": 3,
                 "FirstName": "Janet",
                 "LastName": "Leverling",
                 "Country": "USA",
                 "Title": "Sales Representative",
                 "HireDate": "1992-04-01 00:00:00",
                 "BirthDate": "1963-08-30 00:00:00",
                 "City": "Kirkland",
                 "Address": "722 Moss Bay Blvd."
         }, {
             "EmployeeID": 4,
                 "FirstName": "Margaret",
                 "LastName": "Peacock",
                 "Country": "USA",
                 "Title": "Sales Representative",
                 "HireDate": "1993-05-03 00:00:00",
                 "BirthDate": "1937-09-19 00:00:00",
                 "City": "Redmond",
                ...