jQWidgets jqxTreeGrid updateBoundData()方法

以下是关于 jQWidgets jqxTreeGrid 组件中 updateBoundData() 方法的详细攻略。

jQWidgets jqxTreeGrid updateBoundData() 方法

jQWidgets jqxTreeGrid 的 updateBoundData() 方法用于更新绑定的数据。使用此方法来更新数据源中的数据，并重新绘制组件以反映更改。

语法

$('#treegrid').jqxTreeGrid('updateBoundData');

参数

该方法不接受任何参数。

示例

以下两个示例演示如何使用 updateBound() 方法。

示例1

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  source: dataAdapter,
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100 }
  ]
});

// 更新数据源
dataAdapter.dataBind();

// 更新绑定的数据
$('#treegrid').jqxTreeGrid('updateBoundData');

在示例 1 中，我们使用 jqxTreeGrid() 方法创建了一个 jqTreeGrid 组件，并使用 { width: 500, height: 300, source: dataAdapter, columns: [...] } 设置了组件的宽度、高度、数据源和列。然后，我们使用 dataBind() 方法更新数据源，并使用 updateBoundData() 方法更新绑定的数据。

示例 2

// 创建 jqxTreeGrid 组件
$('#treegrid').jqxTreeGrid({
  width: 500,
  height: 300,
  source: dataAdapter,
  columns: [
    { text: 'ID', dataField: 'id', width: 100 },
    { text: '名称', dataField: 'name', width: 200 },
    { text: '价格', dataField: 'price', width: 100 }
  ]
});

// 更新数据源
dataAdapter.dataBind();

// 更新绑定的数据
$('#treegrid').jqxTreeGrid('updateBoundData');

在示例 2 中，我们使用 jqxTreeGrid() 方法创建了一个 jqxTreeGrid 组件，并使用 { width: 500, height: 300, source: dataAdapter, columns: [...] } 设置了组件的宽度、高度、数据源和列。然后，我们使用 dataBind() 方法更新数据源，并使用 updateBoundData() 方法更新绑定的数据。

总之，updateBoundData() 方法可以让您轻松地更新绑定的数据，以便在需要时反映更改。