ASP.NET Core 3 to open a new era, DevExpress ASP.NET Data Grid enhancements

Kendo UI for jQuery R12020 SP1 Trial Download

Kendo UI latest offer Kendo UI for jQuery , Kendo UI for Angular , Kendo UI Support for React and Kendo UI Support for Vue four controls. Kendo UI for jQuery is to create a modern Web applications most complete UI library.

This paper describes how to use the select function Kendo UI for jQuery data management, by default, to disable select the Grid.

Note : Rendering large number of projects to improve the performance of Grid and to enable selection, use the pagination and page size reasonable.

Getting Started

To enable the Grid option feature, set the selectable option is set to true, the result will apply the default one-line options.

 

$("#grid").kendoGrid({
selectable: true,
// Other configuration.
});

 

Figure 1: Enable row selection Grid

Selection Mode

Grid supports the following selection modes:

• Select the checkbox column
• Select a single row
• Select multiple rows
• Individual cell selection
• A plurality of cell selection

Note :

• Grid does not support using the built-in box - column selection and enabled through selectable options to choose from.
• To rebind the Grid persist row selection, that is, in the event of paging, filtering, sorting, editing or virtual scrolling, enable persistSelection property.

Select the checkbox column

R2 2017 SP1 version from the start, Grid provides an option to set a number of options by presenting a check box column. To enable the checkbox column select, configure columns.selectable property. selectable attributes enabled column will also display a check box in the title, and allows you to select and deselect all rows on the current page.

 

$("#grid").kendoGrid({
columns: [
{ selectable: true },
{ field: "name" }
],
dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ]
});

 

Select a single row

Enable single line by selecting the default configuration options selectable line, selectable: "row" of functions selectable: the same true function.

 

$("#grid").kendoGrid({
selectable: "row",
// Other configuration.
});

 

Select multiple rows

To enable selection of multiple rows of the grid, set the selectable setting multiple row, you enable multi-row selection, the user can drag to select multiple rows.

 

$("#grid").kendoGrid({
selectable: "multiple row",
// Other configuration.
});

 

Individual cell selection

To enable selection of a single grid cell, to set the selectable cell.

 

$("#grid").kendoGrid({
selectable: "cell",
// Other configuration.
});

 

A plurality of cell selection

To enable selection of the plurality of grid cells, selectable to set the multi cell. Enabling the plurality of cell selection, the user may select a plurality of cells by dragging.

 

$("#grid").kendoGrid({
selectable: "multiple cell",
// Other configuration.
});