You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何无条件清空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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 04:15:33