jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
33 lines (31 loc) • 2.17 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="ReactJS TreeGrid" />
<title id='Description'>
ReactJS Tree Grid demo. In virtual mode, the Tree Grid is created on demand. In this case, Child records are created and initialized when the parent record is expanded.
For example when you expand a record, jqxTreeGrid makes an Ajax request to http://services.odata.org.
The request contains the expanded record's EmployeeID and as a result we get all sub records whose "ReportsTo" data field match the "EmployeeID" data field.
</title>
<meta name="description" content="This React Tree Grid demo showcases how to use Tree Grid in Virtual mode with AJAX"/>
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdatatable.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxtreegrid.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
</head>
<body>
<div class="example-description" style="margin-bottom:3em">
ReactJS Tree Grid demo. In virtual mode, the Tree Grid is created on demand. In this case, Child records are created and initialized when the parent record is expanded.
For example when you expand a record, jqxTreeGrid makes an Ajax request to http://services.odata.org.
The request contains the expanded record's EmployeeID and as a result we get all sub records whose "ReportsTo" data field match the "EmployeeID" data field.
</div>
<div id="app"></div>
<script src="../build/treegrid_virtualmodewithajax.bundle.js"></script>
</body>
</html>