ASP .NET Core jqxGrid 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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" altrows="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
altstart	int	1
Sets or gets the `altstart` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" altstart="1" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
altstep	int	1
Sets or gets the `altstep` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" altstep="2" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" autoshowloadelement="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
autoshowfiltericon	bool	true
Sets or gets the `autoshowfiltericon` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" autoshowfiltericon="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
autoshowcolumnsmenubutton	bool	true
Sets or gets the `autoshowcolumnsmenubutton` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" autoshowcolumnsmenubutton="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
clipboard	bool	true
Sets or gets the `clipboard` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" clipboard="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
closeablegroups	bool	true
Sets or gets the `closeablegroups` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" closeablegroups="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
columnsmenuwidth	int	15
Sets or gets the `columnsmenuwidth` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnsmenuwidth="40" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
columnmenuopening	string	null
Sets or gets the `columnmenuopening` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnmenuopening="columnmenuopening" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
columnmenuclosing	string	null
Sets or gets the `columnmenuclosing` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnmenuclosing="columnmenuclosing" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
cellhover	string	null
Sets or gets the `cellhover` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" cellhover="cellhover" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
enablekeyboarddelete	bool	true
Sets or gets the `enablekeyboarddelete` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" enablekeyboarddelete="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
enableellipsis	bool	true
Sets or gets the `enableellipsis` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" enableellipsis="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
enablemousewheel	bool	true
Sets or gets the `enablemousewheel` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" enablemousewheel="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
enableanimations	bool	true
Sets or gets the `enableanimations` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" enableanimations="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
enabletooltips	bool	false
Sets or gets the `enabletooltips` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" enabletooltips="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" enablehover="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" enablebrowserselection="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
everpresentrowposition	string	'top'
Sets or gets the `everpresentrowposition` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" everpresentrowposition="bottom" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
everpresentrowheight	int	30
Sets or gets the `everpresentrowheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" everpresentrowheight="32" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
everpresentrowactions	string	"add reset"
Sets or gets the `everpresentrowactions` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" everpresentrowactions="add update delete reset" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
everpresentrowactionsmode	string	"popup"
Sets or gets the `everpresentrowactionsmode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" everpresentrowactionsmode="popup" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
filterrowheight	int	31
Sets or gets the `filterrowheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" filterrowheight="35" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" filtermode="excel" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
groupsrenderer	string	null
Sets or gets the `groupsrenderer` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" groups="['firstname']" groupsrenderer="groupsrenderer" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
groupcolumnrenderer	string	null
Sets or gets the `groupcolumnrenderer` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" groups="['firstname']" groupcolumnrenderer="groupcolumnrenderer" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
groupsexpandedbydefault	bool	false
Sets or gets the `groupsexpandedbydefault` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" groups="['firstname']" groupsexpandedbydefault="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
handlekeyboardnavigation	string	null
Sets or gets the `handlekeyboardnavigation` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" handlekeyboardnavigation="handlekeyboardnavigation" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pagerrenderer="pagerrenderer" pageable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" rtl="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showdefaultloadelement	bool	true
Sets or gets the `showdefaultloadelement` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showdefaultloadelement="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showfiltercolumnbackground	bool	true
Sets or gets the `showfiltercolumnbackground` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showfiltercolumnbackground="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showfiltermenuitems	bool	true
Sets or gets the `showfiltermenuitems` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showfiltermenuitems="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showpinnedcolumnbackground	bool	true
Sets or gets the `showpinnedcolumnbackground` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showpinnedcolumnbackground="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showsortcolumnbackground	bool	true
Sets or gets the `showsortcolumnbackground` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showsortcolumnbackground="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showsortmenuitems	bool	true
Sets or gets the `showsortmenuitems` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showsortmenuitems="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showgroupmenuitems	bool	true
Sets or gets the `showgroupmenuitems` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showgroupmenuitems="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showrowdetailscolumn	bool	true
Sets or gets the `showrowdetailscolumn` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showrowdetailscolumn="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showheader="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showgroupsheader	bool	true
Sets or gets the `showgroupsheader` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showgroupsheader="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showaggregates="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showgroupaggregates	bool	false
Sets or gets the `showgroupaggregates` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showgroupaggregates="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showeverpresentrow	bool	false
Sets or gets the `showeverpresentrow` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showeverpresentrow="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showfilterrow	bool	false
Sets or gets the `showfilterrow` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" filterable="true" showfilterrow="true" alt-rows="true" show-status-bar="true" show-aggregates="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
showemptyrow	bool	true
Sets or gets the `showemptyrow` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showemptyrow="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showstatusbar="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showstatusbar="true" statusbarheight="50" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" showtoolbar="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
selectionmode	string	'singlerow'
Sets or gets the `selectionmode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" selectionmode="multiplerows" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
theme	string	''
Sets or gets the `theme` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" theme="energyblue" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" toolbarheight="40" showtoolbar="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
autoheight	bool	false
Sets or gets the `autoheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pageable="true" autoheight="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
autorowheight	bool	false
Sets or gets the `autorowheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" autorowheight="true" autoheight="true" pageable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
columnsheight	int	28
Sets or gets the `columnsheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnsheight="33" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
deferreddatafields	List<string>	[]
Sets or gets the `deferreddatafields` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" deferreddatafields="['firstname']" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
groupsheaderheight	int	34
Sets or gets the `groupsheaderheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" groupable="true" groupsheaderheight="60" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
groupindentwidth	int	20
Sets or gets the `groupindentwidth` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" groupindentwidth="40" groupable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
height	int	400
Sets or gets the `height` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
pagerheight	int	30
Sets or gets the `pagerheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pagerheight="32" pageable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
rowsheight	int	28
Sets or gets the `rowsheight` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" rowsheight="30" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
scrollbarsize	int	15
Sets or gets the `scrollbarsize` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" scrollbarsize="20" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
scrollmode	string	"default"
Sets or gets the `scrollmode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" scrollmode="logical" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
scrollfeedback	string	null
Sets or gets the `scrollfeedback` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" scrollfeedback="scrollfeedback" scrollmode="deferred" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
width	int	600
Sets or gets the `width` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
autosavestate	bool	false
Sets or gets the `autosavestate` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" autoloadstate="true" autosavestate="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
autoloadstate	bool	false
Sets or gets the `autoloadstate` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" autoloadstate="true" autosavestate="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
columnsmenu	bool	true
Sets or gets the `columnsmenu` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnsmenu="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnsresize="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
columnsautoresize	bool	true
Sets or gets the `columnsautoresize` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnsautoresize="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" columnsreorder="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" disabled="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" editable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
editmode	string	'selectedcell'
Sets or gets the `editmode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" editable="true" editmode="dblclick" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
filter	string	null
Sets or gets the `filter` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.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.Employee> @{ ViewData["Title"] = "ASP .NET MVC Grid Filtering Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid sortable="true" show-filter-row="true" filterable="true" auto-height="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column column-group="name" datafield-for="@(employee.FirstName)" width="100" text="First Name"></jqx-grid-column> <jqx-grid-column column-group="name" datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Title)" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Address)" width="200"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.City)" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Country)"></jqx-grid-column> </jqx-grid-columns> <jqx-grid-column-groups> <jqx-grid-column-group name="name" text="Name"></jqx-grid-column-group> </jqx-grid-column-groups> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" filterable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
groupable	bool	false
Sets or gets the `groupable` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" groupable="true" groups="['firstname']" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
groups	List<string>	[]
Sets or gets the `groups` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" groupable="true" groups="['firstname']" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
horizontalscrollbarstep	int	5
Sets or gets the `horizontalscrollbarstep` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" horizontalscrollbarstep="60" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
horizontalscrollbarlargestep	int	50
Sets or gets the `horizontalscrollbarlargestep` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" horizontalscrollbarlargestep="600" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
initrowdetails	string	null
Sets or gets the `initrowdetails` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.js"></script> <script src="~/jqwidgets/jqxmenu.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Row Details Example"; } @{ var employee = Model.FirstOrDefault(); } <script> var template = { rowDetails: "<div style=\"margin: 10px;\"></div>", rowDetailsHeight: 220, rowDetailsHidden: true }; var initRowDetails = function (index, parentElement, gridElement, record) { var id = record.uid.toString(); var grid = $($(parentElement).children()[0]); var data = []; var generaterow = function (i) { var row = {}; row["OrderDate"] = new Date(2016, Math.floor(Math.random() * 11), Math.floor(Math.random() * 27)) row["Quantity"] = Math.floor(Math.random() * 50) row["ProductName"] = record.ProductName; return row; } for (var i = 0; i < Math.max(10, Math.floor(Math.random() * 20)) ; i++) { var row = generaterow(i); data[i] = row; } var source = { datafields: [ { name: 'OrderDate', type: 'date' }, { name: 'Quantity', type: 'string' }, { name: 'ProductName', type: 'string' } ], localdata: data } var nestedGridAdapter = new $.jqx.dataAdapter(source); if (grid != null) { grid.jqxGrid({ source: nestedGridAdapter, width: 780, height: 200, columns: [ { text: 'Order Date', cellsFormat:'d', dataField: 'OrderDate', width: 200 }, { text: 'Quantity', cellsAlign:'right', dataField: 'Quantity', width: 200 }, { text: 'Product Name', dataField: 'ProductName' } ] }); } } </script> <jqx-grid id="grid" alt-rows="true" row-details="true" row-details-template="{{template}}" init-row-details="initRowDetails()" source-id="ID" theme="@ViewData["Theme"]" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Total)" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
keyboardnavigation	bool	true
Sets or gets the `keyboardnavigation` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" keyboardnavigation="false" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
localization	string	null
Sets or gets the `localization` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.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.Employee> @{ ViewData["Title"] = "ASP .NET MVC Grid Localization Example"; } @{ var employee = Model.FirstOrDefault(); } <script> function getLocalization(culture) { var localization = null; switch (culture) { case "de": localization = { // separator of parts of a date (e.g. '/' in 11/05/1955) '/': "/", // separator of parts of a time (e.g. ':' in 05:44 PM) ':': ":", // the first day of the week (0 = Sunday, 1 = Monday, etc) firstDay: 1, 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"] }, 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", ""] }, // AM and PM designators in one of these forms: // The usual view, and the upper and lower case versions // [standard,lowercase,uppercase] // The culture does not use AM or PM (likely all standard date formats use 24 hour time) // null AM: ["AM", "am", "AM"], PM: ["PM", "pm", "PM"], eras: [ // eras in reverse chronological order. // name: the name of the era in this culture (e.g. A.D., C.E.) // start: when the era starts in ticks (gregorian, gmt), null if it is the earliest supported era. // offset: offset in years from gregorian calendar { "name": "A.D.", "start": null, "offset": 0 } ], twoDigitYearMax: 2029, 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" }, percentsymbol: "%", currencysymbol: "�", currencysymbolposition: "after", decimalseparator: '.', thousandsseparator: ',', pagergotopagestring: "Gehe zu", pagershowrowsstring: "Zeige Zeile:", pagerrangestring: " von ", pagerpreviousbuttonstring: "n�chster", pagernextbuttonstring: "voriger", pagerfirstbuttonstring: "first", pagerlastbuttonstring: "last", groupsheaderstring: "Ziehen Sie eine Kolumne und legen Sie es hier zu Gruppe nach dieser Kolumne", sortascendingstring: "Sortiere aufsteigend", sortdescendingstring: "Sortiere absteigend", sortremovestring: "Entferne Sortierung", groupbystring: "Group By this column", groupremovestring: "Remove from groups", filterclearstring: "L�schen", filterstring: "Filter", filtershowrowstring: "Zeige Zeilen, in denen:", filterorconditionstring: "Oder", filterandconditionstring: "Und", filterselectallstring: "(Alle ausw�hlen)", filterchoosestring: "Bitte w�hlen Sie:", filterstringcomparisonoperators: ['leer', 'nicht leer', 'enth�lt', 'enth�lt(gu)', 'nicht enthalten', 'nicht enthalten(gu)', 'beginnt mit', 'beginnt mit(gu)', 'endet mit', 'endet mit(gu)', 'equal', 'gleich(gu)', 'null', 'nicht null'], filternumericcomparisonoperators: ['gleich', 'nicht gleich', 'weniger als', 'kleiner oder gleich', 'gr��er als', 'gr��er oder gleich', 'null', 'nicht null'], filterdatecomparisonoperators: ['gleich', 'nicht gleich', 'weniger als', 'kleiner oder gleich', 'gr��er als', 'gr��er oder gleich', 'null', 'nicht null'], filterbooleancomparisonoperators: ['gleich', 'nicht gleich'], validationstring: "Der eingegebene Wert ist ung�ltig", emptydatastring: "Nokeine Daten angezeigt", filterselectstring: "W�hlen Sie Filter", loadtext: "Loading...", clearstring: "L�schen", todaystring: "Heute" } break; case "en": default: localization = { // separator of parts of a date (e.g. '/' in 11/05/1955) '/': "/", // separator of parts of a time (e.g. ':' in 05:44 PM) ':': ":", // the first day of the week (0 = Sunday, 1 = Monday, etc) firstDay: 0, days: { // full day names names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], // abbreviated day names namesAbbr: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], // shortest day names namesShort: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] }, months: { // full month names (13 months for lunar calendards -- 13th month should be "" if not lunar) names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ""], // abbreviated month names namesAbbr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ""] }, // AM and PM designators in one of these forms: // The usual view, and the upper and lower case versions // [standard,lowercase,uppercase] // The culture does not use AM or PM (likely all standard date formats use 24 hour time) // null AM: ["AM", "am", "AM"], PM: ["PM", "pm", "PM"], eras: [ // eras in reverse chronological order. // name: the name of the era in this culture (e.g. A.D., C.E.) // start: when the era starts in ticks (gregorian, gmt), null if it is the earliest supported era. // offset: offset in years from gregorian calendar { "name": "A.D.", "start": null, "offset": 0 } ], twoDigitYearMax: 2029, patterns: { // short date pattern d: "M/d/yyyy", // long date pattern D: "dddd, MMMM dd, yyyy", // short time pattern t: "h:mm tt", // long time pattern T: "h:mm:ss tt", // long date, short time pattern f: "dddd, MMMM dd, yyyy h:mm tt", // long date, long time pattern F: "dddd, MMMM dd, yyyy h:mm:ss tt", // month/day pattern M: "MMMM dd", // month/year pattern Y: "yyyy MMMM", // S is a sortable format that does not vary by culture S: "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss", // formatting of dates in MySQL DataBases ISO: "yyyy-MM-dd hh:mm:ss", ISO2: "yyyy-MM-dd HH:mm:ss", d1: "dd.MM.yyyy", d2: "dd-MM-yyyy", d3: "dd-MMMM-yyyy", d4: "dd-MM-yy", d5: "H:mm", d6: "HH:mm", d7: "HH:mm tt", d8: "dd/MMMM/yyyy", d9: "MMMM-dd", d10: "MM-dd", d11: "MM-dd-yyyy" }, percentsymbol: "%", currencysymbol: "$", currencysymbolposition: "before", decimalseparator: '.', thousandsseparator: ',', pagergotopagestring: "Go to page:", pagershowrowsstring: "Show rows:", pagerrangestring: " of ", pagerpreviousbuttonstring: "previous", pagernextbuttonstring: "next", pagerfirstbuttonstring: "first", pagerlastbuttonstring: "last", groupsheaderstring: "Drag a column and drop it here to group by that column", sortascendingstring: "Sort Ascending", sortdescendingstring: "Sort Descending", sortremovestring: "Remove Sort", groupbystring: "Group By this column", groupremovestring: "Remove from groups", filterclearstring: "Clear", filterstring: "Filter", filtershowrowstring: "Show rows where:", filterorconditionstring: "Or", filterandconditionstring: "And", filterselectallstring: "(Select All)", filterchoosestring: "Please Choose:", filterstringcomparisonoperators: ['empty', 'not empty', 'enthalten', 'enthalten(match case)', 'does not contain', 'does not contain(match case)', 'starts with', 'starts with(match case)', 'ends with', 'ends with(match case)', 'equal', 'equal(match case)', 'null', 'not null'], filternumericcomparisonoperators: ['equal', 'not equal', 'less than', 'less than or equal', 'greater than', 'greater than or equal', 'null', 'not null'], filterdatecomparisonoperators: ['equal', 'not equal', 'less than', 'less than or equal', 'greater than', 'greater than or equal', 'null', 'not null'], filterbooleancomparisonoperators: ['equal', 'not equal'], validationstring: "Entered value is not valid", emptydatastring: "No data to display", filterselectstring: "Select Filter", loadtext: "Loading...", clearstring: "Clear", todaystring: "Today" } break; } return localization; } var localization = getLocalization("de"); </script> <jqx-grid show-filter-row="true" pageable="true" localization="{{localization}}" sortable="true" filterable="true" auto-height="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column datafield-for="@(employee.FirstName)" width="100" text="Vorname"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.LastName)" width="100" text="Familienname"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Title)" text="Titel" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Address)" text="Adresse" width="200"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.City)" text="Stadt" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Country)" text="Land"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pagesize="30" pageable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pagesizeoptions="['15', '30', '50']" pageable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pagermode="simple" pageable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pageable="true" pagerbuttonscount="10" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" pageable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.js"></script> <script src="~/jqwidgets/jqxmenu.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Row Details Example"; } @{ var employee = Model.FirstOrDefault(); } <script> var template = { rowDetails: "<div style=\"margin: 10px;\"></div>", rowDetailsHeight: 220, rowDetailsHidden: true }; var initRowDetails = function (index, parentElement, gridElement, record) { var id = record.uid.toString(); var grid = $($(parentElement).children()[0]); var data = []; var generaterow = function (i) { var row = {}; row["OrderDate"] = new Date(2016, Math.floor(Math.random() * 11), Math.floor(Math.random() * 27)) row["Quantity"] = Math.floor(Math.random() * 50) row["ProductName"] = record.ProductName; return row; } for (var i = 0; i < Math.max(10, Math.floor(Math.random() * 20)) ; i++) { var row = generaterow(i); data[i] = row; } var source = { datafields: [ { name: 'OrderDate', type: 'date' }, { name: 'Quantity', type: 'string' }, { name: 'ProductName', type: 'string' } ], localdata: data } var nestedGridAdapter = new $.jqx.dataAdapter(source); if (grid != null) { grid.jqxGrid({ source: nestedGridAdapter, width: 780, height: 200, columns: [ { text: 'Order Date', cellsFormat:'d', dataField: 'OrderDate', width: 200 }, { text: 'Quantity', cellsAlign:'right', dataField: 'Quantity', width: 200 }, { text: 'Product Name', dataField: 'ProductName' } ] }); } } </script> <jqx-grid id="grid" alt-rows="true" row-details="true" row-details-template="{{template}}" init-row-details="initRowDetails()" source-id="ID" theme="@ViewData["Theme"]" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Total)" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
rowdetailstemplate	string	null
Sets or gets the `rowdetailstemplate` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.js"></script> <script src="~/jqwidgets/jqxmenu.js"></script> <script src="~/jqwidgets/jqxlistbox.js"></script> <script src="~/jqwidgets/jqxdropdownlist.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Row Details Example"; } @{ var employee = Model.FirstOrDefault(); } <script> var template = { rowDetails: "<div style=\"margin: 10px;\"></div>", rowDetailsHeight: 220, rowDetailsHidden: true }; var initRowDetails = function (index, parentElement, gridElement, record) { var id = record.uid.toString(); var grid = $($(parentElement).children()[0]); var data = []; var generaterow = function (i) { var row = {}; row["OrderDate"] = new Date(2016, Math.floor(Math.random() * 11), Math.floor(Math.random() * 27)) row["Quantity"] = Math.floor(Math.random() * 50) row["ProductName"] = record.ProductName; return row; } for (var i = 0; i < Math.max(10, Math.floor(Math.random() * 20)) ; i++) { var row = generaterow(i); data[i] = row; } var source = { datafields: [ { name: 'OrderDate', type: 'date' }, { name: 'Quantity', type: 'string' }, { name: 'ProductName', type: 'string' } ], localdata: data } var nestedGridAdapter = new $.jqx.dataAdapter(source); if (grid != null) { grid.jqxGrid({ source: nestedGridAdapter, width: 780, height: 200, columns: [ { text: 'Order Date', cellsFormat:'d', dataField: 'OrderDate', width: 200 }, { text: 'Quantity', cellsAlign:'right', dataField: 'Quantity', width: 200 }, { text: 'Product Name', dataField: 'ProductName' } ] }); } } </script> <jqx-grid id="grid" alt-rows="true" row-details="true" row-details-template="{{template}}" init-row-details="initRowDetails()" source-id="ID" theme="@ViewData["Theme"]" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Total)" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" ready="ready" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" rendered="rendered" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" renderstatusbar="renderstatusbar" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" rendertoolbar="rendertoolbar" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
rendergridrows	string	null
Sets or gets the `rendergridrows` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" virtualmode="true" rendergridrows="rendergridrows" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" sortable="true" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
selectedrowindex	int	-1
Sets or gets the `selectedrowindex` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" selectedrowindex="3" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
selectedrowindexes	List<string>	[]
Sets or gets the `selectedrowindexes` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" selectedrowindexes="[3,5,10]" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
source	string	{}
Sets or gets the `source` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
sorttogglestates	string	2
Sets or gets the `sorttogglestates` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" sortable="true" sorttogglestates="1" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
updatedelay	int	0
Sets or gets the `updatedelay` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" updatedelay="20" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
virtualmode	bool	false
Sets or gets the `virtualmode` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" virtualmode="true" rendergridrows="rendergridrows" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
verticalscrollbarstep	int	5
Sets or gets the `verticalscrollbarstep` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" verticalscrollbarstep="200" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
verticalscrollbarlargestep	int	400
Sets or gets the `verticalscrollbarlargestep` property. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" verticalscrollbarlargestep="2000" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
Events
bindingcomplete	Event
Code examples Bind to the `bindingcomplete` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-bindingcomplete="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
columnresized	Event
Code examples Bind to the `columnresized` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-columnresized="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
columnreordered	Event
Code examples Bind to the `columnreordered` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-columnreordered="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
columnclick	Event
Code examples Bind to the `columnclick` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-columnclick="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellclick	Event
Code examples Bind to the `cellclick` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-cellclick="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
celldoubleclick	Event
Code examples Bind to the `celldoubleclick` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-celldoubleclick="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellselect	Event
Code examples Bind to the `cellselect` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-cellselect="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellunselect	Event
Code examples Bind to the `cellunselect` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-cellunselect="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellvaluechanged	Event
Code examples Bind to the `cellvaluechanged` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-cellvaluechanged="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellbeginedit	Event
Code examples Bind to the `cellbeginedit` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-cellbeginedit="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
cellendedit	Event
Code examples Bind to the `cellendedit` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-cellendedit="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
filter	Event
Code examples Bind to the `filter` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-filter="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
groupschanged	Event
Code examples Bind to the `groupschanged` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-groupschanged="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
groupexpand	Event
Code examples Bind to the `groupexpand` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-groupexpand="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
groupcollapse	Event
Code examples Bind to the `groupcollapse` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-groupcollapse="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
pagechanged	Event
Code examples Bind to the `pagechanged` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-pagechanged="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
pagesizechanged	Event
Code examples Bind to the `pagesizechanged` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-pagesizechanged="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowclick	Event
Code examples Bind to the `rowclick` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-rowclick="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowdoubleclick	Event
Code examples Bind to the `rowdoubleclick` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-rowdoubleclick="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowselect	Event
Code examples Bind to the `rowselect` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-rowselect="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowunselect	Event
Code examples Bind to the `rowunselect` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-rowunselect="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowexpand	Event
Code examples Bind to the `rowexpand` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-rowexpand="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
rowcollapse	Event
Code examples Bind to the `rowcollapse` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-rowcollapse="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
sort	Event
Code examples Bind to the `sort` event of jqxGrid. <script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" on-sort="eventHandler()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function eventHandler(event) { } </script> }
Methods
autoresizecolumns	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["autoresizecolumns"](); } </script> }
autoresizecolumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["autoresizecolumn"]('firstname'); } </script> }
beginupdate	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["beginupdate"](); } </script> }
clear	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["clear"](); } </script> }
destroy	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["destroy"](); } </script> }
endupdate	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["ensurerowvisible"](10); } </script> }
focus	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["focus"](); } </script> }
getcolumnindex	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcolumnindex"](0); } </script> }
getcolumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcolumn"]('firstname'); } </script> }
getcolumnproperty	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcolumnproperty"]('firstname','text'); } </script> }
getrowid	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getrowid"](0); } </script> }
getrowdata	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getrowdata"](0); } </script> }
getrowdatabyid	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getrowdatabyid"](0); } </script> }
getrowboundindexbyid	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getrowboundindexbyid"](0); } </script> }
getrowboundindex	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getrowboundindex"](0); } </script> }
getrows	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getrows"](); } </script> }
getboundrows	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getboundrows"](); } </script> }
getdisplayrows	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getdisplayrows"](); } </script> }
getdatainformation	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getdatainformation"](); } </script> }
getsortinformation	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getsortinformation"](); } </script> }
getpaginginformation	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getpaginginformation"](); } </script> }
hidecolumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["hidecolumn"]('firstname'); } </script> }
hideloadelement	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["hideloadelement"](); } </script> }
hiderowdetails	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["hiderowdetails"](0); } </script> }
iscolumnvisible	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["iscolumnvisible"]('firstname'); } </script> }
iscolumnpinned	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["iscolumnpinned"]('firstname'); } </script> }
localizestrings	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.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.Employee> @{ ViewData["Title"] = "ASP .NET MVC Grid Localization Example"; } @{ var employee = Model.FirstOrDefault(); } <script> function getLocalization(culture) { var localization = null; switch (culture) { case "de": localization = { // separator of parts of a date (e.g. '/' in 11/05/1955) '/': "/", // separator of parts of a time (e.g. ':' in 05:44 PM) ':': ":", // the first day of the week (0 = Sunday, 1 = Monday, etc) firstDay: 1, 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"] }, 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", ""] }, // AM and PM designators in one of these forms: // The usual view, and the upper and lower case versions // [standard,lowercase,uppercase] // The culture does not use AM or PM (likely all standard date formats use 24 hour time) // null AM: ["AM", "am", "AM"], PM: ["PM", "pm", "PM"], eras: [ // eras in reverse chronological order. // name: the name of the era in this culture (e.g. A.D., C.E.) // start: when the era starts in ticks (gregorian, gmt), null if it is the earliest supported era. // offset: offset in years from gregorian calendar { "name": "A.D.", "start": null, "offset": 0 } ], twoDigitYearMax: 2029, 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" }, percentsymbol: "%", currencysymbol: "�", currencysymbolposition: "after", decimalseparator: '.', thousandsseparator: ',', pagergotopagestring: "Gehe zu", pagershowrowsstring: "Zeige Zeile:", pagerrangestring: " von ", pagerpreviousbuttonstring: "n�chster", pagernextbuttonstring: "voriger", pagerfirstbuttonstring: "first", pagerlastbuttonstring: "last", groupsheaderstring: "Ziehen Sie eine Kolumne und legen Sie es hier zu Gruppe nach dieser Kolumne", sortascendingstring: "Sortiere aufsteigend", sortdescendingstring: "Sortiere absteigend", sortremovestring: "Entferne Sortierung", groupbystring: "Group By this column", groupremovestring: "Remove from groups", filterclearstring: "L�schen", filterstring: "Filter", filtershowrowstring: "Zeige Zeilen, in denen:", filterorconditionstring: "Oder", filterandconditionstring: "Und", filterselectallstring: "(Alle ausw�hlen)", filterchoosestring: "Bitte w�hlen Sie:", filterstringcomparisonoperators: ['leer', 'nicht leer', 'enth�lt', 'enth�lt(gu)', 'nicht enthalten', 'nicht enthalten(gu)', 'beginnt mit', 'beginnt mit(gu)', 'endet mit', 'endet mit(gu)', 'equal', 'gleich(gu)', 'null', 'nicht null'], filternumericcomparisonoperators: ['gleich', 'nicht gleich', 'weniger als', 'kleiner oder gleich', 'gr��er als', 'gr��er oder gleich', 'null', 'nicht null'], filterdatecomparisonoperators: ['gleich', 'nicht gleich', 'weniger als', 'kleiner oder gleich', 'gr��er als', 'gr��er oder gleich', 'null', 'nicht null'], filterbooleancomparisonoperators: ['gleich', 'nicht gleich'], validationstring: "Der eingegebene Wert ist ung�ltig", emptydatastring: "Nokeine Daten angezeigt", filterselectstring: "W�hlen Sie Filter", loadtext: "Loading...", clearstring: "L�schen", todaystring: "Heute" } break; case "en": default: localization = { // separator of parts of a date (e.g. '/' in 11/05/1955) '/': "/", // separator of parts of a time (e.g. ':' in 05:44 PM) ':': ":", // the first day of the week (0 = Sunday, 1 = Monday, etc) firstDay: 0, days: { // full day names names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], // abbreviated day names namesAbbr: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], // shortest day names namesShort: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] }, months: { // full month names (13 months for lunar calendards -- 13th month should be "" if not lunar) names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ""], // abbreviated month names namesAbbr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ""] }, // AM and PM designators in one of these forms: // The usual view, and the upper and lower case versions // [standard,lowercase,uppercase] // The culture does not use AM or PM (likely all standard date formats use 24 hour time) // null AM: ["AM", "am", "AM"], PM: ["PM", "pm", "PM"], eras: [ // eras in reverse chronological order. // name: the name of the era in this culture (e.g. A.D., C.E.) // start: when the era starts in ticks (gregorian, gmt), null if it is the earliest supported era. // offset: offset in years from gregorian calendar { "name": "A.D.", "start": null, "offset": 0 } ], twoDigitYearMax: 2029, patterns: { // short date pattern d: "M/d/yyyy", // long date pattern D: "dddd, MMMM dd, yyyy", // short time pattern t: "h:mm tt", // long time pattern T: "h:mm:ss tt", // long date, short time pattern f: "dddd, MMMM dd, yyyy h:mm tt", // long date, long time pattern F: "dddd, MMMM dd, yyyy h:mm:ss tt", // month/day pattern M: "MMMM dd", // month/year pattern Y: "yyyy MMMM", // S is a sortable format that does not vary by culture S: "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss", // formatting of dates in MySQL DataBases ISO: "yyyy-MM-dd hh:mm:ss", ISO2: "yyyy-MM-dd HH:mm:ss", d1: "dd.MM.yyyy", d2: "dd-MM-yyyy", d3: "dd-MMMM-yyyy", d4: "dd-MM-yy", d5: "H:mm", d6: "HH:mm", d7: "HH:mm tt", d8: "dd/MMMM/yyyy", d9: "MMMM-dd", d10: "MM-dd", d11: "MM-dd-yyyy" }, percentsymbol: "%", currencysymbol: "$", currencysymbolposition: "before", decimalseparator: '.', thousandsseparator: ',', pagergotopagestring: "Go to page:", pagershowrowsstring: "Show rows:", pagerrangestring: " of ", pagerpreviousbuttonstring: "previous", pagernextbuttonstring: "next", pagerfirstbuttonstring: "first", pagerlastbuttonstring: "last", groupsheaderstring: "Drag a column and drop it here to group by that column", sortascendingstring: "Sort Ascending", sortdescendingstring: "Sort Descending", sortremovestring: "Remove Sort", groupbystring: "Group By this column", groupremovestring: "Remove from groups", filterclearstring: "Clear", filterstring: "Filter", filtershowrowstring: "Show rows where:", filterorconditionstring: "Or", filterandconditionstring: "And", filterselectallstring: "(Select All)", filterchoosestring: "Please Choose:", filterstringcomparisonoperators: ['empty', 'not empty', 'enthalten', 'enthalten(match case)', 'does not contain', 'does not contain(match case)', 'starts with', 'starts with(match case)', 'ends with', 'ends with(match case)', 'equal', 'equal(match case)', 'null', 'not null'], filternumericcomparisonoperators: ['equal', 'not equal', 'less than', 'less than or equal', 'greater than', 'greater than or equal', 'null', 'not null'], filterdatecomparisonoperators: ['equal', 'not equal', 'less than', 'less than or equal', 'greater than', 'greater than or equal', 'null', 'not null'], filterbooleancomparisonoperators: ['equal', 'not equal'], validationstring: "Entered value is not valid", emptydatastring: "No data to display", filterselectstring: "Select Filter", loadtext: "Loading...", clearstring: "Clear", todaystring: "Today" } break; } return localization; } var localization = getLocalization("de"); </script> <jqx-grid show-filter-row="true" pageable="true" localization="{{localization}}" sortable="true" filterable="true" auto-height="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column datafield-for="@(employee.FirstName)" width="100" text="Vorname"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.LastName)" width="100" text="Familienname"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Title)" text="Titel" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Address)" text="Adresse" width="200"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.City)" text="Stadt" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Country)" text="Land"></jqx-grid-column> </jqx-grid-columns> </jqx-grid>
pincolumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["pincolumn"]('firstname'); } </script> }
refreshdata	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["refreshdata"](); } </script> }
refresh	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["render"](); } </script> }
scrolloffset	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["scrolloffset"](120,100); } </script> }
scrollposition	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["scrollposition"](); } </script> }
showloadelement	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["showloadelement"](); } </script> }
showrowdetails	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["showrowdetails"](0); } </script> }
setcolumnindex	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["setcolumnindex"]('firstname',0); } </script> }
setcolumnproperty	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["setcolumnproperty"]('firstname','text','New Name'); } </script> }
showcolumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["showcolumn"]('firstname'); } </script> }
unpincolumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["unpincolumn"]('firstname'); } </script> }
updatebounddata	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["updatebounddata"](); } </script> }
updating	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["updating"](); } </script> }
getsortcolumn	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getsortcolumn"](); } </script> }
removesort	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["removesort"](); } </script> }
sortby	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["sortby"]('firstname','asc'); } </script> }
addgroup	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["addgroup"]('firstname'); } </script> }
cleargroups	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["cleargroups"](); } </script> }
collapsegroup	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["collapsegroup"](0); } </script> }
collapseallgroups	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["collapseallgroups"](); } </script> }
expandallgroups	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["expandallgroups"](); } </script> }
expandgroup	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["expandgroup"](0); } </script> }
getrootgroupscount	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getrootgroupscount"](); } </script> }
getgroup	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getgroup"](0); } </script> }
insertgroup	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["insertgroup"](0,'firstname'); } </script> }
iscolumngroupable	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["iscolumngroupable"]('firstname'); } </script> }
removegroupat	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["removegroupat"](0); } </script> }
removegroup	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["removegroup"]('firstname'); } </script> }
addfilter	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.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.Employee> @{ ViewData["Title"] = "ASP .NET MVC Grid Filtering Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid sortable="true" show-filter-row="true" filterable="true" auto-height="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column column-group="name" datafield-for="@(employee.FirstName)" width="100" text="First Name"></jqx-grid-column> <jqx-grid-column column-group="name" datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Title)" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Address)" width="200"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.City)" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Country)"></jqx-grid-column> </jqx-grid-columns> <jqx-grid-column-groups> <jqx-grid-column-group name="name" text="Name"></jqx-grid-column-group> </jqx-grid-column-groups> </jqx-grid>
applyfilters	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.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.Employee> @{ ViewData["Title"] = "ASP .NET MVC Grid Filtering Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid sortable="true" show-filter-row="true" filterable="true" auto-height="true" width="850" source="Model"> <jqx-grid-columns> <jqx-grid-column column-group="name" datafield-for="@(employee.FirstName)" width="100" text="First Name"></jqx-grid-column> <jqx-grid-column column-group="name" datafield-for="@(employee.LastName)" width="100" text="Last Name"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Title)" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Address)" width="200"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.City)" width="150"></jqx-grid-column> <jqx-grid-column datafield-for="@(employee.Country)"></jqx-grid-column> </jqx-grid-columns> <jqx-grid-column-groups> <jqx-grid-column-group name="name" text="Name"></jqx-grid-column-group> </jqx-grid-column-groups> </jqx-grid>
clearfilters	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["clearfilters"](); } </script> }
getfilterinformation	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getfilterinformation"](); } </script> }
removefilter	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["removefilter"]('firstname'); } </script> }
refreshfilterrow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["refreshfilterrow"](); } </script> }
gotopage	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["gotopage"](2); } </script> }
gotoprevpage	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-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/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["gotonextpage"](); } </script> }
addrow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["addrow"](1,{firstname: 'New Name'}); } </script> }
begincelledit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["begincelledit"](1,'firstname'); } </script> }
beginrowedit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["beginrowedit"](1); } </script> }
closemenu	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["closemenu"](); } </script> }
deleterow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["deleterow"](1); } </script> }
endcelledit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["endcelledit"](1,'firstname',true); } </script> }
endrowedit	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["endrowedit"](1,true); } </script> }
getcell	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcell"](1,'firstname'); } </script> }
getcellatposition	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcellatposition"](10,100); } </script> }
getcelltext	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcelltext"](1,'firstname'); } </script> }
getcelltextbyid	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcelltextbyid"](1,'firstname'); } </script> }
getcellvaluebyid	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcellvaluebyid"](1,'firstname'); } </script> }
getcellvalue	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["getcellvalue"](1,'firstname'); } </script> }
isBindingCompleted	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["isBindingCompleted"](); } </script> }
openmenu	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["openmenu"]('firstname'); } </script> }
setcellvalue	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["setcellvalue"](1,'firstname','New Name'); } </script> }
setcellvaluebyid	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["setcellvaluebyid"](1,'firstname','New Name'); } </script> }
showvalidationpopup	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["showvalidationpopup"](1,'firstname','Error message'); } </script> }
updaterow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["updaterow"](1,{firstname: 'New Name'}); } </script> }
clearselection	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["clearselection"](); } </script> }
getselectedrowindex	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getselectedrowindex"](); } </script> }
getselectedrowindexes	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getselectedrowindexes"](); } </script> }
getselectedcell	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getselectedcell"](); } </script> }
getselectedcells	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getselectedcells"](); } </script> }
selectcell	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["selectcell"](1,'firstname'); } </script> }
selectallrows	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["selectallrows"](); } </script> }
selectrow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["selectrow"](1); } </script> }
unselectrow	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["unselectrow"](1); } </script> }
unselectcell	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["unselectcell"](1,'firstname'); } </script> }
getcolumnaggregateddata	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getcolumnaggregateddata"](); } </script> }
refreshaggregates	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["refreshaggregates"](); } </script> }
renderaggregates	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["renderaggregates"](); } </script> }
exportdata	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["exportdata"]('xls,'grid.xls'); } </script> }
getstate	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getstate"](); } </script> }
loadstate	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["loadstate"](); } </script> }
savestate	Method
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxgrid.js"></script> <script src="~/jqwidgets/jqxgrid.edit.js"></script> <script src="~/jqwidgets/jqxgrid.columnsresize.js"></script> <script src="~/jqwidgets/jqxgrid.filter.js"></script> <script src="~/jqwidgets/jqxgrid.selection.js"></script> <script src="~/jqwidgets/jqxgrid.sort.js"></script> <script src="~/jqwidgets/jqxgrid.pager.js"></script> <script src="~/jqwidgets/jqxgrid.aggregates.js"></script> <script src="~/jqwidgets/jqxgrid.grouping.js"></script> <script src="~/jqwidgets/jqxdata.export.js"></script> <script src="~/jqwidgets/jqxgrid.export.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; @{ ViewData["Title"] = "ASP .NET MVC Grid Aggregates Example"; } @{ var employee = Model.FirstOrDefault(); } <jqx-grid id="grid" alt-rows="true" show-status-bar="true" show-aggregates="true" filterable="true" pageable="true" auto-height="true" source-id="ID" sortable="true" width="850" source="Model" instance="getInstance()"> <jqx-grid-columns> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.FirstName)" width="150" text="First Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.LastName)" width="150" text="Last Name"></jqx-grid-column> <jqx-grid-column aggregates="['count']" datafield-for="@(employee.ProductName)" width="200" text="Product Name"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Price)" width="100" text="Price" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Quantity)" width="100" text="Quantity" cells-align="HorizontalAlignment.Right"></jqx-grid-column> <jqx-grid-column aggregates="['sum']" datafield-for="@(employee.Total)" width="150" text="Total" cells-format="c2" cells-align="HorizontalAlignment.Right"></jqx-grid-column> </jqx-grid-columns> </jqx-grid> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["savestate"](); } </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

Code examples

Code examples

Code examples

Code examples

Methods