博客

jQWidgets jqxTreeGrid beginUpdate()方法

  • Post category:jquery

jQWidgets jqxTreeGrid beginUpdate() 方法

jqxTreeGrid 是 jQWidgets 提供的一个树形表格组件，它可以展示层级结构的数据支持多种交互。jqxTreeGrid 提供了 beginUpdate() 方法，用于开始更新。

beginUpdate() 方法

beginUpdate() 方法用于开始更新。该方法没有参数，调用该方法后，jqxTreeGrid 组件将进入更新模式。

$('#treeGrid').jqxTreeGrid('beginUpdate');

示例说明

下面是两个示例，示如何使用 beginUpdate() 方法：

示例1

$('#treeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 }
    ]
});

// 开始更新
$('#treeGrid').jqxTreeGrid('beginUpdate');

// 更新数据
$('#treeGrid').jqxTreeGrid('updateBoundData');

// 结束更新
$('#treeGrid').jqxTreeGrid('endUpdate');

在这个示例中，我们创建了一个 jqxTreeGrid 组件，并将其绑定到一个数据源。然后，我们调用了 beginUpdate() 方法，开始更新。接着，我们调用了 updateBoundData() 方法，更新数据。最后，我们调用了 endUpdate() 方法，结束更新。

示例2

$('#treeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 }
    ]
});

// 开始更新
$('#treeGrid').jqxTreeGrid('beginUpdate');

// 更新数据
$('#treeGrid').jqxTreeGrid('updateBoundData');

// 结束更新
$('#treeGrid').jqxTreeGrid('endUpdate');

在这个示例中，我们同样创建了一个 jqxTreeGrid 组件，并将其绑定到数据源。不同的是，我们调用了 beginUpdate() 方法，开始更新。接着，我们调用了 updateBoundData() 方法，更新数据。最后，我们调用了 endUpdate() 方法，结束更新。

总结

以上就是 jqxTreeGrid 组件的 beginUpdate() 方法的详细讲解和示例。通过使用 beginUpdate() 方法，我们可以方便地开始更新，提高用户体验。

Tags: