如何无条件清空jsGrid所有数据并重置至初始无行状态?
如何无条件清空jsGrid的所有行
我完全懂你的困扰——jqGrid的清空方案一搜一大把,但jsGrid确实没那么直观,尤其是不想依赖复选框批量删除的情况。其实有两种简单直接的方式可以把网格重置到无数据的初始状态:
方法1:使用loadData方法加载空数组
这是最简洁的方式,利用jsGrid内置的loadData方法,直接传入空数组就能覆盖现有数据并清空网格:
// 获取你的jsGrid实例 const myGrid = $("#your-grid-id").jsGrid("instance"); // 加载空数组来清空所有行 myGrid.loadData([]);
这个方法会自动触发网格的刷新,完全不需要任何条件判断或复选框,直接一步到位清空所有数据。
方法2:直接重置数据源并刷新
如果你更习惯直接操作网格的数据源,也可以手动把数据源设为空数组,然后调用refresh()方法刷新视图:
const myGrid = $("#your-grid-id").jsGrid("instance"); // 清空数据源 myGrid.data = []; // 刷新网格以更新视图 myGrid.refresh();
这两种方法效果完全一致,选哪个看你的代码习惯就行。
注意:这两种方法都会保留网格的列配置、分页等初始设置,只是把数据行清空,刚好符合你要的“重置为无数据初始状态”的需求。
内容的提问来源于stack exchange,提问作者HerrimanCoder
相关产品推荐
相关产品推荐

