博客

jQWidgets jqxTreeGrid endRowEdit()方法

  • Post category:jquery

jQWidgets jqxTreeGrid endRowEdit()方法

jqxTreeGrid 是 jQWidgets 提供的一个树形表格组件，它可以展示层级结构的数据，并支持多种交互操作。jqxTreeGrid 一个 endRowEdit() 方法，用于结束当前行的编辑状态。

endRowEdit()方法

endRowEdit() 方法用于结束当前行的编辑状态。它不接受任何参数，直接调用即可。当调用该方法时，jqxTreeGrid 会将当前行的编辑状态结束，并将编辑的数据保存到数据中。

示例说明

下面是两个示例，展示如何使用 endRowEdit() 方法结束当前行的编辑状态：

示例 1

$('#treeGrid').jqxTreeGrid({
    source: data,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: '名称', dataField: 'name', width: 200 },
        { text: '数量', dataField: 'quantity', width: 100 }
    ],
    editable: true
});

// 结束当前行的编辑状态
$('#treeGrid').jqxTreeGrid('endRowEdit');

在这个示例中，我们首先创建了一个 jqxTreeGrid 组件，并设置 source 属性为一个数据源。然后，我们定义了三个列，并设置 editable 属性为 true，启用了编辑功能。最后，我们调用 endRowEdit() 方法结束当前行的编辑状态。

示例 2

$('#treeGrid').jqxTreeGrid({
    source: data,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: '名称', dataField: 'name', width: 200 },
        { text: '数量', dataField: 'quantity', width: 100 }
    ],
    editable: true
});

// 结束当前行的编辑状态
$('#treeGrid').jqxTreeGrid('endRowEdit');

在这个示例中，我们同样创建了一个 jqxTreeGrid 组件，并设置 source 属性为一个数据源。然后，我们定义了三个列，并设置 editable 属性为 true，启用了编辑功能。最后，我们调用 endRowEdit() 方法结束当前行的编辑状态。

总结

以上就是 jqxTreeGrid 组件的 endRowEdit() 方法的详细讲解和示例。通过调用 endRowEdit() 方法，我们可以结束当前行的编辑状态，将编辑的数据保存到数据源中。

Tags: