JQuery TreeGrid

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

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="treeGrid"></div>
<div style='margin-top: 20px;'>
    <div style='float: left;'>
        <input type="button" value="Export to Excel" id='excelExport' />
        <br />
        <br />
        <input type="button" value="Export to XML" id='xmlExport' />
    </div>
    <div style='margin-left: 10px; float: left;'>
        <input type="button" value="Export to CSV" id='csvExport' />
        <br />
        <br />
        <input type="button" value="Export to TSV" id='tsvExport' />
    </div>
    <div style='margin-left: 10px; float: left;'>
        <input type="button" value="Export to HTML" id='htmlExport' />
        <br />
        <br />
        <input type="button" value="Export to JSON" id='jsonExport' />
    </div>
</div>

JavaScript

var employees = [{
      "EmployeeID": 1,
          "FirstName": "Nancy",
          "LastName": "Davolio",
          "ReportsTo": 2,
          "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": 2,
          "FirstName": "Andrew",
          "LastName": "Fuller",
          "ReportsTo": null,
          "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"
  }, {
      "EmployeeID": 3,
          "FirstName": "Janet",
          "LastName": "Leverling",
          "ReportsTo": 2,
          "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",
          "ReportsTo": 2,
          "Country": "USA",
          "Title": "Sales Representative",
          "HireDate": "1993-05-03 00:00:00",
          "BirthDate": "1937-09-19 00:00:00",
          "City": "Redmond",
          "Address": "4110 Old Redmond Rd."
  }, {
      "EmployeeID": 5,
          "FirstName": "Steven",
          "LastName": "Buchanan",
          "ReportsTo": 2,
          "Country": "UK",
          "Title": "Sales Manager",
          "HireDate": "1993-10-17 00:00:00",
          "BirthDate": "1955-03-04 00:00:00",
          "City": "London",
          "Address": "14 Garrett Hill"
  }, {
      "EmployeeID": 6,
          "FirstName": "Michael",
          "LastName": "Suyama",
          "ReportsTo": 5,
          "Country": "UK",
          "Title": "Sales Representative",
         ...