jQWidgets jqxTreeGrid updateBoundData() 方法

updateBoundData() 方法是 jQWidgets jqxTreeGrid 组件的一个功能。它用于更新绑定到组件上的数据，并重新渲染组件以反映这些更改。

语法

updateBoundData()

参数

该方法不接受任何参数。

返回值

该方法没有返回值。

描述

当我们在 jqxTreeGrid 组件上进行数据更改时，例如添加、删除、编辑行数据，我们需要通过调用 updateBoundData() 方法来更新绑定到组件上的数据，这样组件才会重新渲染以反映这些更改。

示例

以下示例演示如何使用 updateBoundData() 方法更新 jQWidgets jqxTreeGrid 组件的绑定数据：

$("#jqxTreeGrid").jqxTreeGrid({
    source: mySource,
    columns: [
        { text: 'ID', dataField: 'id', width: 50 },
        { text: 'Name', dataField: 'name', width: 250 },
        { text: 'Title', dataField: 'title', width: 250 },
        { text: 'Hire Date', dataField: 'hireDate', width: 150 }
    ]
});

// 更新数据
mySource.push({
    id: 5,
    parentId: 3,
    name: 'John Doe Jr.',
    title: 'Marketing Manager',
    hireDate: '02/04/2022'
});

// 调用 updateBoundData() 方法
$('#jqxTreeGrid').jqxTreeGrid('updateBoundData');

在这个示例中，我们首先通过 jqxTreeGrid() 方法实例化了 jQWidgets jqxTreeGrid 组件，并将数据源绑定到该组件上。接着，在某个时间点我们更新了数据源 mySource，并在完成数据更改后调用了 updateBoundData() 方法，以便组件能够反映这些更改。

总结

updateBoundData() 方法是 jQWidgets jqxTreeGrid 组件的一个非常实用的方法，可用于更新组件上的数据，并重新渲染以反映更改。它非常易于使用，并可以使我们更轻松地进行数据更改操作。