博客

jQWidgets jqxTree refresh()方法

  • Post category:jquery

jQWidgets jqxTree refresh() 方法

jqxTree 是 jQWidgets 提供的一个树形组件，它可以展示层级结构的数据支持多种交互操作。jqxTree 提供了 refresh() 方法，用于刷新树形组件的数据。

refresh() 方法

refresh() 方法用于刷新树形组件的数据。当形组件的数据源发生变化时，可以调用该方法刷新组件，使其显示最新的数据。

示例说明

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

示例1

$('#tree').jqxTree({
    source: data,
    width: '300px',
    height: '400px'
});

// 修改数据源
data.push({ label: '新增节点', items: [] });

// 刷新树形组件
$('#tree').jqxTree('refresh');

在这个示例中，我们创建了一个 jqxTree 组件，并设置 source 属性为一个数据源。然后，我们修改了数据源，添加了一个新的节点。最后，我们调用 refresh() 方法刷新树形组件，使其显示最新的数据。

示例2

var tree = $('#tree').jqxTree({
    source: data,
    width: '300px',
    height: '400px'
});

// 修改数据源
data.push({ label: '新增节点', items: [] });

// 刷新树形组件
tree.jqxTree('refresh');

在这个示例中，我们同样创建了一个 jqxTree 组件，并设置 source 属性为一个数据源。然后，我们修改了数据源，添加了一个新的节点。最后，我们通过变量 tree 获取了 jqxTree 组件的实例，并调用 refresh() 方法刷新树形组件，使其显示最新的数据。

总结

以上就是 jqxTree 组件的 refresh() 方法的详细讲解和示例。通过使用 refresh() 方法，我们可以在树形组件的数据源发生变化时，刷新组件，使其显示最新的数据。

Tags: