jQWidgets jqxDataTable beginRowEdit() 方法

beginRowEdit() 方法用于开启 DataTable 中某一行的编辑模式。当用户编辑表格中的某一行时，可以通过调用该方法，开始编辑模式，并允许用户对该行的内容进行修改。

语法

$('#dataTable').jqxDataTable('beginRowEdit', rowIndex)

• dataTable: DataTable 的 ID 或引用。
• rowIndex: 要编辑的行的索引。

参数说明

• dataTable: 必选参数，表示要进行编辑的 DataTable。
• rowIndex: 必选参数，表示要开始编辑的行的索引。

返回值

• undefined

使用范例

$("#dataTable").jqxDataTable({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 }
    ],
    editable: true,
    editSettings: {
        saveOnEnter: true,
        saveOnBlur: true,
        saveOnSelectionChange: false,
        cancelOnEsc: true,
        editSingleCell: false,
        editOnDoubleClick: false,
        editOnF2: true,
        editOnTab: true,
        editOnEnter: true,
        editOnEscape: true
    }
});

$('#dataTable').on('rowClick', function (event) {
    var rowIndex = event.args.rowindex;
    $('#dataTable').jqxDataTable('beginRowEdit', rowIndex);
});

上面的例子中，当用户单击 dataTable 中的某一行时，会开启该行的编辑模式。

其中，editable 属性设置为 true，表示可编辑模式开启。而 editSettings 则为编辑模式的相关配置。

参考链接

• jQWidgets API 文档 - beginRowEdit()