ASP .NET Core jqxTreeGrid Tag Helper API

altRows	bool	false
Sets or gets the `altRows` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid alt-rows="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
autoRowHeight	bool	true
Sets or gets the `autoRowHeight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid auto-row-height="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
aggregatesHeight	int	34
Sets or gets the `aggregatesHeight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid aggregates-height="40" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
autoShowLoadElement	bool	true
Sets or gets the `autoShowLoadElement` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid auto-show-load-element="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
checkboxes	bool	false
Sets or gets the `checkboxes` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid checkboxes="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
columnsHeight	int	30
Sets or gets the `columnsHeight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid columns-height="40" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
columns	List<string>	[]
Sets or gets the `columns` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid columns="columns" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
columnGroups	List<string>	[]
Sets or gets the `columnGroups` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid {{configuration}} key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column column-group="name" dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column column-group="name" datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> <jqx-tree-grid-column-groups> <jqx-tree-column-group name="name" text="Name"></jqx-tree-grid-column-group> </jqx-tree-grid-column-groups> </jqx-tree-grid>
columnsResize	bool	false
Sets or gets the `columnsResize` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid columns-resize="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
columnsReorder	bool	false
Sets or gets the `columnsReorder` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid columns-reorder="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
disabled	bool	false
Sets or gets the `disabled` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid disabled="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
editable	bool	false
Sets or gets the `editable` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid editable="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
editSettings	string	{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: true, cancelOnEsc: true, saveOnEnter: true, editSingleCell: false, editOnDoubleClick: true, editOnF2: true }
Sets or gets the `editSettings` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid edit-settings="editSettings" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
exportSettings	string	{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: "jqxTreeGrid"}
Sets or gets the `exportSettings` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid export-settings="exportSettings" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
enableHover	bool	true
Sets or gets the `enableHover` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid enable-hover="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
enableBrowserSelection	bool	false
Sets or gets the `enableBrowserSelection` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid enable-browser-selection="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
filterable	bool	false
Sets or gets the `filterable` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid filterable="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
filterHeight	int	30
Sets or gets the `filterHeight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid filterable="true" filter-height="40" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
filterMode	string	"default"
Sets or gets the `filterMode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid filterable="true" filter-mode="advanced" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
height	int	null
Sets or gets the `height` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid height="200" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
hierarchicalCheckboxes	bool	false
Sets or gets the `hierarchicalCheckboxes` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid checkboxes="true" hierarchical-checkboxes="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
icons	bool	false
Sets or gets the `icons` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid icons="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
incrementalSearch	bool	true
Sets or gets the `incrementalSearch` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid incremental-search="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
localization	string	default localization strings.
Sets or gets the `localization` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Localization Example"; } @{ var employee = Model.FirstOrDefault(); } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } var localization = function () { var localizationobj = {}; localizationobj.pagerGoToPageString = "Gehe zu:"; localizationobj.pagerShowRowsString = "Zeige Zeile:"; localizationobj.pagerRangeString = " von "; localizationobj.pagerNextButtonString = "voriger"; localizationobj.pagerFirstButtonString = "erste"; localizationobj.pagerLastButtonString = "letzte"; localizationobj.pagerPreviousButtonString = "n�chster"; localizationobj.sortAscendingString = "Sortiere aufsteigend"; localizationobj.sortDescendingString = "Sortiere absteigend"; localizationobj.sortRemoveString = "Entferne Sortierung"; localizationobj.emptydatastring = "keine Daten angezeigt"; localizationobj.firstDay = 1; localizationobj.percentSymbol = "%"; localizationobj.currencySymbol = "�"; localizationobj.currencySymbolPosition = "after"; localizationobj.decimalSeparator = "."; localizationobj.thousandsSeparator = ","; var days = { // full day names names: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"], // abbreviated day names namesAbbr: ["Sonn", "Mon", "Dien", "Mitt", "Donn", "Fre", "Sams"], // shortest day names namesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"] }; localizationobj.days = days; var months = { // full month names (13 months for lunar calendards -- 13th month should be "" if not lunar) names: ["Januar", "Februar", "M�rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember", ""], // abbreviated month names namesAbbr: ["Jan", "Feb", "M�r", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dez", ""] }; var patterns = { d: "dd.MM.yyyy", D: "dddd, d. MMMM yyyy", t: "HH:mm", T: "HH:mm:ss", f: "dddd, d. MMMM yyyy HH:mm", F: "dddd, d. MMMM yyyy HH:mm:ss", M: "dd MMMM", Y: "MMMM yyyy" } localizationobj.patterns = patterns; localizationobj.months = months; return localizationobj; }(); </script> <jqx-tree-grid localization="{{localization}}" sortable=true pageable=true pager-mode="advanced" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" theme="@ViewData["Theme"]" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="Vorname"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.LastName)" width="100" text="Familienname"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.Title)" text="Titel" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.Address)" text="Adresse" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.City)" text="Stadt" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.Country)" text="Land"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pagerHeight	int	28
Sets or gets the `pagerHeight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" pager-height="35" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pageSize	int	10
Sets or gets the `pageSize` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" page-size="5" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pageSizeOptions	List<string>	['5', '10', '20']
Sets or gets the `pageSizeOptions` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" page-size-options="['2', '3', '5']" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pageable	bool	false
Sets or gets the `pageable` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pagerPosition	string	"bottom"
Sets or gets the `pagerPosition` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" pager-position="top" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pagerMode	string	"default"
Sets or gets the `pagerMode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" pager-mode="advanced" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pageSizeMode	string	"default"
Sets or gets the `pageSizeMode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" page-size-mode="root" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pagerButtonsCount	int	5
Sets or gets the `pagerButtonsCount` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" pager-buttons-count="2" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
pagerRenderer	string	null
Sets or gets the `pagerRenderer` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid pageable="true" pager-renderer="pagerRenderer" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
ready	string	null
Sets or gets the `ready` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid ready="treeGridReady()" key-datafield-for="@(employee.EmployeeID)" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
rowDetails	bool	false
Sets or gets the `rowDetails` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxmenu.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee> @using jQWidgets.AspNetCore.Mvc.TagHelpers; @{ var employee = Model.FirstOrDefault(); } <script> var initRowDetails = function (id, record, element, rowinfo) { var id = id.toString(); } </script> <jqx-tree-grid row-details="true" pageable="true" init-row-details="initRowDetails()" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
rowDetailsRenderer	string	null
Sets or gets the `rowDetailsRenderer` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxmenu.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee> @using jQWidgets.AspNetCore.Mvc.TagHelpers; @{ var employee = Model.FirstOrDefault(); } <script> var initRowDetails = function (id, record, element, rowinfo) { var id = id.toString(); } </script> <jqx-tree-grid row-details="true" pageable="true" init-row-details="initRowDetails()" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
renderToolbar	string	null
Sets or gets the `renderToolbar` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid render-toolbar="renderToolbar" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
renderStatusbar	string	null
Sets or gets the `renderStatusbar` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid render-statusbar="renderStatusbar" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
rendering	string	null
Sets or gets the `rendering` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid rendering="rendering" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
rendered	string	null
Sets or gets the `rendered` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid rendered="rendered" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
rtl	bool	false
Sets or gets the `rtl` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid rtl="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
source	string	null
Sets or gets the `source` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid source="Model" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
sortable	bool	false
Sets or gets the `sortable` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid sortable="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
showAggregates	bool	false
Sets or gets the `showAggregates` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid show-aggregates="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
showSubAggregates	bool	false
Sets or gets the `showSubAggregates` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid show-aggregates="true" show-sub-aggregates="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
showToolbar	bool	false
Sets or gets the `showToolbar` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid show-toolbar="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
showStatusbar	bool	false
Sets or gets the `showStatusbar` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid show-statusbar="true" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
statusBarHeight	int	34
Sets or gets the `statusBarHeight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid status-bar-height="40" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
scrollBarSize	int	17
Sets or gets the `scrollBarSize` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid scroll-bar-size="15" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
selectionMode	string	"multipleRows"
Sets or gets the `selectionMode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid selection-mode="singleRow" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
showHeader	bool	true
Sets or gets the `showHeader` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid show-header="false" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
theme	string	''
Sets or gets the `theme` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid theme="energyblue" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
toolbarHeight	int	34
Sets or gets the `toolbarHeight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid toolbar-height="40" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
width	int	null
Sets or gets the `width` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid width="850" key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
virtualModeCreateRecords	string	null
Sets or gets the `virtualModeCreateRecords` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); } <script> function virtualModeCreateRecords(expandedRecord, done) { var json = expandedRecord ? JSON.stringify(expandedRecord) : "{ReportsTo: null}"; var source = { type: 'POST', dataType: 'json', dataFields: [ { name: "FirstName", type: "string" }, { name: "LastName", type: "string" }, { name: "ProductName", type: "string" }, { name: "ID", type: "string" }, { name: "ReportsTo", type: "string" } ], data: { 'jsonData': json }, root: "Employees", id: "ID", url: "@Url.Action("GetChildren","TagHelpers")" }; var dataAdapter = new $.jqx.dataAdapter(source, { loadComplete: function () { done(dataAdapter.records); }, loadError: function (xhr, status, error) { done(false); } }); dataAdapter.dataBind(); } function virtualModeRecordCreating(record) { if (record.level == 1) { // by setting the record's leaf member to true, you will define the record as a leaf node. record.leaf = true; } } </script> <jqx-tree-grid pageable="true" virtual-mode-create-records="virtualModeCreateRecords()" virtual-mode-record-creating="virtualModeRecordCreating()" width="600"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="200" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.LastName)" width="200" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.ProductName)" width="200"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
virtualModeRecordCreating	string	null
Sets or gets the `virtualModeRecordCreating` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); } <script> function virtualModeCreateRecords(expandedRecord, done) { var json = expandedRecord ? JSON.stringify(expandedRecord) : "{ReportsTo: null}"; var source = { type: 'POST', dataType: 'json', dataFields: [ { name: "FirstName", type: "string" }, { name: "LastName", type: "string" }, { name: "ProductName", type: "string" }, { name: "ID", type: "string" }, { name: "ReportsTo", type: "string" } ], data: { 'jsonData': json }, root: "Employees", id: "ID", url: "@Url.Action("GetChildren","TagHelpers")" }; var dataAdapter = new $.jqx.dataAdapter(source, { loadComplete: function () { done(dataAdapter.records); }, loadError: function (xhr, status, error) { done(false); } }); dataAdapter.dataBind(); } function virtualModeRecordCreating(record) { if (record.level == 1) { // by setting the record's leaf member to true, you will define the record as a leaf node. record.leaf = true; } } </script> <jqx-tree-grid pageable="true" virtual-mode-create-records="virtualModeCreateRecords()" virtual-mode-record-creating="virtualModeRecordCreating()" width="600"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="200" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.LastName)" width="200" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column dataField-for="@(employee.ProductName)" width="200"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid>
Events
bindingComplete	Event
Code examples Bind to the `bindingComplete` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-binding-complete="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellBeginEdit	Event
Code examples Bind to the `cellBeginEdit` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-cell-begin-edit="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellEndEdit	Event
Code examples Bind to the `cellEndEdit` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-cell-end-edit="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellValueChanged	Event
Code examples Bind to the `cellValueChanged` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-cell-value-changed="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
columnResized	Event
Code examples Bind to the `columnResized` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-column-resized="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
columnReordered	Event
Code examples Bind to the `columnReordered` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-column-reordered="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
filter	Event
Code examples Bind to the `filter` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-filter="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
pageChanged	Event
Code examples Bind to the `pageChanged` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-page-changed="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
pageSizeChanged	Event
Code examples Bind to the `pageSizeChanged` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-page-size-changed="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowClick	Event
Code examples Bind to the `rowClick` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-click="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowDoubleClick	Event
Code examples Bind to the `rowDoubleClick` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-double-click="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowSelect	Event
Code examples Bind to the `rowSelect` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-select="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowUnselect	Event
Code examples Bind to the `rowUnselect` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-unselect="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowBeginEdit	Event
Code examples Bind to the `rowBeginEdit` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-begin-edit="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowEndEdit	Event
Code examples Bind to the `rowEndEdit` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-end-edit="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowExpand	Event
Code examples Bind to the `rowExpand` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-expand="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowCollapse	Event
Code examples Bind to the `rowCollapse` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-collapse="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowCheck	Event
Code examples Bind to the `rowCheck` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-check="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowUncheck	Event
Code examples Bind to the `rowUncheck` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-row-uncheck="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
sort	Event
Code examples Bind to the `sort` event of jqxTreeGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid on-sort="eventHandler()"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
Methods
addRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["addRow"](10,{},'first'); } </script> }
addFilter	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["addFilter"]('firstName',new $.jqx.filtergroup()); } </script> }
applyFilters	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["applyFilters"](); } </script> }
beginUpdate	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["beginUpdate"](); } </script> }
beginRowEdit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["beginRowEdit"](10); } </script> }
beginCellEdit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["beginCellEdit"](10,'firstName'); } </script> }
clearSelection	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["clearSelection"](); } </script> }
clearFilters	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["clearFilters"](); } </script> }
clear	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["clear"](); } </script> }
checkRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["checkRow"](10); } </script> }
collapseRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["collapseRow"](10); } </script> }
collapseAll	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["collapseAll"](); } </script> }
destroy	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["destroy"](); } </script> }
deleteRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["deleteRow"](10); } </script> }
expandRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["expandRow"](10); } </script> }
expandAll	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["expandAll"](); } </script> }
endUpdate	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["endUpdate"](); } </script> }
ensureRowVisible	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["ensureRowVisible"](10); } </script> }
endRowEdit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["endRowEdit"](10,true); } </script> }
endCellEdit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["endCellEdit"](10,'firstName'); } </script> }
exportData	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["exportData"]('xls'); } </script> }
focus	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["focus"](); } </script> }
getColumnProperty	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getColumnProperty"]('firstName'); } </script> }
goToPage	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["goToPage"](); } </script> }
goToPrevPage	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["goToPrevPage"](); } </script> }
goToNextPage	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["goToNextPage"](); } </script> }
getSelection	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getSelection"](); } </script> }
getKey	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getKey"](row); } </script> }
getRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getRow"](1); } </script> }
getRows	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getRows"](); } </script> }
getCheckedRows	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getCheckedRows"](); } </script> }
getView	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getView"](); } </script> }
getCellValue	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getCellValue"](1,'firstName'); } </script> }
hideColumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["hideColumn"]('firstName'); } </script> }
isBindingCompleted	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["isBindingCompleted"](); } </script> }
lockRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["lockRow"](10); } </script> }
refresh	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["refresh"](); } </script> }
render	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["render"](); } </script> }
removeFilter	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["removeFilter"](firstName); } </script> }
scrollOffset	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["scrollOffset"](10,0); } </script> }
setColumnProperty	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["setColumnProperty"]('firstName','text','New Text'); } </script> }
showColumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["showColumn"]('firstName'); } </script> }
selectRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["selectRow"](1); } </script> }
setCellValue	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["setCellValue"](1,'firstName','New Value'); } </script> }
sortBy	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["sortBy"]('FirstName','asc'); } </script> }
updating	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["updating"](); } </script> }
updateBoundData	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["updateBoundData"](); } </script> }
unselectRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["unselectRow"](1); } </script> }
uncheckRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["uncheckRow"](1); } </script> }
updateRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["updateRow"](1,{FirstName: 'Nancy', LastName: 'Davolio}); } </script> }
unlockRow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.js"></script> <script src="~/jqwidgets/jqxdatatable.js"></script> <script src="~/jqwidgets/jqxtreegrid.js"></script> @model IEnumerable<jQWidgets.AspNet.Core.Models.Employee> @{ ViewData["Title"] = "ASP .NET MVC TreeGrid Example"; } @{ var employee = Model.FirstOrDefault(); var editSettings = "{ saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: true, editOnF2: true }"; var exportSettings = "{columnsHeader: true, hiddenColumns: false, serverURL: null, characterSet: null, collapsedRecords: false, recordsInView: true,fileName: \"jqxTreeGrid\"}"; } <script> var treeGridInstance; function getInstance(instance) { treeGridInstance = instance; } function treeGridReady() { treeGridInstance.expandRow(2); } </script> <jqx-tree-grid key-datafield-for="@(employee.EmployeeID)" ready="treeGridReady()" source-id-for="@(employee.EmployeeID)" instance="getInstance()" parent-datafield-for="@(employee.ManagerID)" width="850" source="Model"> <jqx-tree-grid-columns> <jqx-tree-grid-column dataField-for="@(employee.FirstName)" width="100" text="First Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Title)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Address)" width="200"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.City)" width="150"></jqx-tree-grid-column> <jqx-tree-grid-column datafield-for="@(employee.Country)"></jqx-tree-grid-column> </jqx-tree-grid-columns> </jqx-tree-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["unlockRow"](1); } </script> }

Properties

Events

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Methods