jQWidgets jqxGrid rowunselect 事件

简介

jQWidgets jqxGrid是一款功能强大的数据表格控件，rowunselect是其提供的一个事件，可以在用户对表格的选中行进行反选操作时被触发。

函数签名

rowunselect: ((event: any) => void) | null;

使用方法

只需要在jqxGrid初始化时，将rowunselect事件函数作为参数传递即可。例如：

$('#jqxgrid').jqxGrid({
    source: dataAdapter,
    columns: columns,
    width: '100%',
    height: 400,
    selectionmode: 'singlerow',
    rowunselect: function (event) {
        // 处理反选后的逻辑
    }
});

此外，也可以使用on绑定事件：

$('#jqxgrid').on('rowunselect', function (event) {
   // 处理反选后的逻辑 
});

参数

事件函数的入参event是一个JSON对象，包含以下属性：

• type：事件类型，固定为“rowunselect”；
• args：一个数组，其中第0个元素为被反选的行的数据记录（JSON对象），第1个元素为反选时鼠标是否在行内的布尔值。

返回值

事件函数没有返回值。

示例

以下是一个示例代码片段：

$('#jqxgrid').jqxGrid({
    source: dataAdapter,
    columns: columns,
    width: '100%',
    height: 400,
    selectionmode: 'singlerow',
    rowunselect: function (event) {
        console.log('反选的行数据：', event.args[0]);
        console.log('鼠标是否在行内：', event.args[1]);
    }
});

在此示例中，反选一行后，将其数据记录和鼠标是否在行内的信息打印到控制台上。