Kendo UI – это популярная платформа JavaScript, предоставляющая набор компонентов пользовательского интерфейса для создания веб-приложений. Одним из наиболее часто используемых компонентов является Kendo Grid, который позволяет пользователям отображать табличные данные и манипулировать ими. В этой статье мы рассмотрим различные методы получения выбранных элементов данных из таблицы Kendo Grid на примерах кода.

Метод 1: использование метода SelectedRows

var grid = $("#grid").data("kendoGrid");
var selectedRows = grid.select();
selectedRows.each(function (index, row) {
    var dataItem = grid.dataItem(row);
    console.log(dataItem);
});

Метод 2: использование выбранного события DataItem

var grid = $("#grid").data("kendoGrid");
grid.bind("change", function (e) {
    var selectedRows = this.select();
    selectedRows.each(function (index, row) {
        var dataItem = this.dataItem(row);
        console.log(dataItem);
    });
});

Метод 3: использование свойства SelectedItems

var grid = $("#grid").data("kendoGrid");
var selectedItems = grid.dataItems(grid.select());
selectedItems.forEach(function (dataItem) {
    console.log(dataItem);
});

Метод 4. Использование метода dataItem с индексом выбранной строки

var grid = $("#grid").data("kendoGrid");
var selectedIndex = grid.select().index();
var dataItem = grid.dataItem(grid.tbody.find("tr").eq(selectedIndex));
console.log(dataItem);

Метод 5: использование свойства SelectedKeys

var grid = $("#grid").data("kendoGrid");
var selectedKeys = grid.select().map(function (index, row) {
    return grid.dataItem(row).id;
}).toArray();
console.log(selectedKeys);

В этой статье мы рассмотрели несколько методов получения выбранных элементов данных из таблицы Kendo. Мы рассмотрели такие методы, как использование метода SelectedRows, события Selected DataItem, свойства SelectedItems, метода dataItem с выбранным индексом строки и свойства SelectedKeys. Эти методы обеспечивают гибкость и возможности для работы с выбранными элементами данных в Kendo Grid, позволяя разработчикам расширять функциональность своих веб-приложений.