jQWidgets jqxTreeGrid rowBeginEdit 事件

简介

jQWidgets jqxTreeGrid 是一款基于jQuery的表格组件，具有树形结构和多级别的行内编辑功能。其中 rowBeginEdit 事件是当行开始编辑时触发的事件。

事件类型

jQWidgets jqxTreeGrid 中 rowBeginEdit 事件属于表格行编辑事件，用于完成单个或多个单元格的编辑。

回调函数

该事件具有一个回调函数（callback function），用于在编辑开始时执行自定义操作。该函数的参数包括：rowIndex、dataField、rowData等。

$(document).on('rowBeginEdit', function (event) { ...

callback function(rowIndex, rowData, element) { ...

使用方法

在 jQWidgets jqxTreeGrid 中，使用 rowBeginEdit 事件，需要先实例化一个 jqxTreeGrid 对象，然后再在该对象上调用该事件， 如下：

var data = [
    { "ID": "1", "Name": "John", "Age": 25 },
    { "ID": "2", "Name": "Peter", "Age": 30 },
    { "ID": "3", "Name": "Mary", "Age": 28 }
];
var source = {
    localData: data,
    dataType: "array",
    dataFields: [
        { name: 'ID', type: 'string' },
        { name: 'Name', type: 'string' },
        { name: 'Age', type: 'number' }
    ]
};
var dataAdapter = new $.jqx.dataAdapter(source);
$('#jqxTreeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField: 'ID' },
        { text: 'Name', dataField: 'Name' },
        { text: 'Age', dataField: 'Age' }
    ],
    editable: true,
    editMode: 'cell',
});
$('#jqxTreeGrid').on('rowBeginEdit', function(event){
    // 自定义操作
});

注意事项

• 如果 jQWidgets jqxTreeGrid 的 editable 属性设置为 false，则无法使用 rowBeginEdit 事件。
• 如果 jQWidgets jqxTreeGrid 的 editMode 属性设置为 'row'，则 rowBeginEdit 事件无效。