博客

jQWidgets jqxTreeGrid clear()方法

  • Post category:jquery

jQWidgets jqxTreeGrid clear() 方法

jqxTreeGrid 是 jQWidgets 提供的一个树形表格组件，它可以展示层级结构的数据支持多种交互。jqxTreeGrid 提供了 clear()，用于清空树形表格中的数据。

clear() 方法

clear() 方法用于清空树形表格中的数据。该方法不接受任何参数。

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

示例说明

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

示例1

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

$('#clearBtn').on('click', function () {
    $('#treeGrid').jqxTreeGrid('clear');
});

在这个示例中，我们创建了一个 jqxTreeGrid 组件，并将其绑定到一个数据源。还创建了一个按钮，当点击该按钮时，调用 clear() 方法清空树形表格中的数据。

示例2

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

$('#clearBtn').on('click', function () {
    $('#treeGrid').jqxTreeGrid('clear');
    console.log('树形表格已清空');
});

在这个示例中，我们同样创建了一个 jqxTreeGrid 组件，并将其绑定到一个数据源。不同的是，我们在调用 clear() 方法后，还输出了一条信息，提示树形表格已清空。

总结

以上就是 jqxTreeGrid 组件的 clear() 方法的详细讲解和示例。通过 clear() 方法，我们可以方便地清空树形表格中的数据，提高用户体验。

Tags: