Html TreeGrid

Invoke the destroy method of the jqxTreeGrid. Author: http://jqwidgets.com

HTML

<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">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-3.0.0.js"></script>
<script src="http://www.jqwidgets.com/public/jqwidgets/jqxknockout.js"></script>
    <div id="treeGrid">
    </div>
<input type="button" style="margin: 20px;" id="jqxbutton" value="Change Nancy to Francy" />

JavaScript

var employees = ko.observableArray([{ "EmployeeID": 1, "FirstName": ko.observable("Nancy"), "LastName": "Davolio", "ReportsTo": 2, "Title": "Sales Representative" },
                             { "EmployeeID": 2, "FirstName": "Andrew", "LastName": "Fuller", "ReportsTo": null, "Title": "Vice President, Sales" },
                             { "EmployeeID": 5, "FirstName": "Steven", "LastName": "Buchanan", "ReportsTo": 2, "Title": "Sales Manager" },
                             { "EmployeeID": 6, "FirstName": "Michael", "LastName": "Suyama", "ReportsTo": 5, "Title": "Sales Representative" },
                             { "EmployeeID": 7, "FirstName": "Robert", "LastName": "King", "ReportsTo": 5, "Title": "Sales Representative" },
                             { "EmployeeID": 8, "FirstName": "Laura", "LastName": "Callahan", "ReportsTo": 2, "Title": "Inside Sales Coordinator" },
                             { "EmployeeID": 9, "FirstName": "Anne", "LastName": "Dodsworth", "ReportsTo": 5, "Title": "Sales Representative"}]);
            // prepare the data
            var source =
            {
                dataType: 'observablearray',
                dataFields: [
                    { name: 'EmployeeID', type: 'number' },
                    { name: 'ReportsTo', type: 'number' },
                    { name: 'FirstName', type: 'string' },
                    { name: 'LastName', type: 'string' },
                    { name: 'Country', type: 'string' },
                    { name: 'City', type: 'string' },
                    { name: 'Address', type: 'string' },
                    { name: 'Title', type: 'string' },
                    { name: 'HireDate', type: 'date' },
                    { name: 'BirthDate', type: 'date' }
                ],
                hierarchy:
                {
                    keyDataField: { name: 'EmployeeID' },
                    parentDataField: { name: 'ReportsTo' }
                },
                id: 'EmployeeID',
           ...