jQWidgets jqxDataTable endUpdate() 方法

简介

endUpdate() 方法是 jQWidgets jqxDataTable 控件中的 API 之一。该方法用于结束表格的更新，当表格的数据及样式完成更改后，应调用此方法以重建内部数据结构和更新表格 UI。

用法

该方法简单使用，无参数。在对表格的数据及样式进行更新后，可通过以下方式调用该方法：

$('#jqxDataTable').jqxDataTable('endUpdate');

示例

以下示例展示如何在新增一行数据之后调用 endUpdate() 方法，以更新表格的 UI。

// 实例化表格控件
$('#jqxDataTable').jqxDataTable({
    source: mySource,  // 数据源
    columns: myColumns  // 列配置项
});

// 增加一行数据
$('#addNewRowBtn').on('click', function() {
    var newRow = {
        id: 4,
        name: 'Steve',
        age: '26',
        salary: '$5000'
    };

    $('#jqxDataTable').jqxDataTable('addRow', null, newRow);
});

// 调用 `endUpdate` 方法更新表格 UI
$('#jqxDataTable').jqxDataTable('endUpdate');

注意事项

• 在对表格进行更新之后，务必记得调用 endUpdate 方法以更新表格的内部数据结构及 UI。
• 如果调用前未更新数据或样式，该方法不会产生任何影响。
• 如果不使用该方法，表格 UI 可能会无法正确更新。
• 当表格数据量大时，多次调用该方法会导致表格变慢，因此应尽量避免无意义的调用。