jQWidgets jqxDataTable getSelection() 方法

简介

jQWidgets jqxDataTable 是一款jQuery表格插件，通过简单的代码就可以实现灵活的表格操作。其中，getSelection() 方法用于获取选中行的数据。

语法

$('#dataTable').jqxDataTable('getSelection');

参数说明

该方法无需传递任何参数。

返回值说明

该方法返回一个数组，数组中每个元素都是一个对象，包含选中行的所有数据。

使用示例

以下示例演示了如何使用 getSelection() 方法获取选中行的数据并打印到控制台中。

$('#dataTable').jqxDataTable({
    source: dataAdapter,
    columns: [
        { text: 'Name', dataField: 'name' },
        { text: 'Age', dataField: 'age' },
        { text: 'Gender', dataField: 'gender' }
    ],
    selectionMode: 'multipleRows'
});

$('#btnPrintSelection').click(function () {
    var rows = $('#dataTable').jqxDataTable('getSelection');
    $.each(rows, function (index, row) {
        console.log(row.name + ', ' + row.age + ', ' + row.gender);
    });
});

在上面的示例中，首先使用 jqxDataTable() 方法初始化表格，设置了表格的数据源、列信息和多选行的选择模式。然后，当点击按钮时，通过 getSelection() 方法获取选中行的数据，并使用 $.each() 遍历数组中的每个元素，打印到控制台中。

注意事项

• 该方法仅适用于多选行的情况；单选行时应使用 getSelectedRow() 方法。
• 如果当前没有选中的行，该方法返回一个空数组。