jQWidgets jqxDataTable endRowEdit() 方法

简介

endRowEdit() 方法是 jQWidgets 中 jqxDataTable 组件的一个方法，用于结束当前编辑行的编辑状态并提交更新数据。

语法

endRowEdit(rowid: any, confirmChanges: boolean): void

参数

• rowid: 必需，类型为 any，表示要结束编辑的行的行 ID。
• confirmChanges: 可选，类型为 boolean，表示是否要询问用户确认修改。默认值为 true。

返回值

无。

使用示例

下面是一个简单的使用示例：

$("#myDataTable").jqxDataTable({
    source: myDataAdapter,
    sortable: true,
    editMode: "dblclick",
    columns: [
        { text: "ID", dataField: "id", width: 100 },
        { text: "姓名", dataField: "name", width: 150 },
        { text: "年龄", dataField: "age", width: 100 }
    ]
});

$("#myDataTable").on("rowEndEdit", function (event) {
    var args = event.args;
    $("#myDataTable").jqxDataTable("endRowEdit", args.rowindex, true);
});

在上述示例中，当 jqxDataTable 的 rowEndEdit 事件被触发时，我们调用 endRowEdit() 方法以结束当前编辑行的编辑状态并提交更新数据。其中 rowindex 参数就是当前编辑行的行 ID。

注意事项

• 当 confirmChanges 参数为 true 时，如果当前编辑行的数据有修改，将会弹出一个确认框询问用户是否保存修改。
• 如果当前编辑行的数据无法通过校验（如数据类型不匹配、必填项为空等等），则会阻止提交，直到数据校验通过为止。
• 当用户完成编辑并保存修改后，界面上将会更新对应行的数据。