jQWidgets jqxTreeGrid rowEndEdit 事件

简介

jQWidgets 是一个面向Web开发的UI框架，其中包含了众多高质量的UI控件。jqxTreeGrid 控件是其中的一个树状数据表格控件，支持行编辑、批量编辑、行排序等功能。其中 rowEndEdit 事件在行编辑结束后触发，可监听行编辑的结果。

用法

绑定事件

$("#treegrid").on('rowEndEdit', function (event) {
    // 监听事件
});

事件参数

事件回调函数的 event 参数是一个对象，其中包含了以下属性：

• args.row - 编辑结束的行的数据对象
• args.column – 编辑结束的列的数据对象
• args.value - 编辑结束后的单元格的值
• args.oldValue - 编辑前的单元格的值

示例

$("#treegrid").jqxTreeGrid({
    ...
    columns: [
        { text: 'ID', dataField: 'id', width: 50 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 80, cellsAlign: 'right', aggregates: ['average'], aggregatesRenderer:aggregatesRenderer },
        { text: 'Address', dataField: 'address', width: 300 },
        { text: 'Phone', dataField: 'phone', width: 130 }
    ],
    source: dataAdapter,
    editable: true
});

$("#treegrid").on('rowEndEdit', function (event) {
    var args = event.args;
    console.log(args.row.id, args.column.dataField, args.value, args.oldValue);
});

在上面的例子中，当一个单元格编辑结束后，将打印出该单元格所在行的 id 值、编辑的列的 dataField 属性、编辑后的值和编辑前的值。

总结

jQWidgets jqxTreeGrid 控件是一个功能强大的树状表格控件，支持丰富的特性，其中 rowEndEdit 事件可监听行编辑结束的结果，方便开发者处理编辑后的数据。