天天看点

jqgrid addJSONData方法使用吐槽

写这篇文章的目的是记录一下jqgrid.addJSONData的使用方法;因为使用addRowData要循环写入效率太低,没搜到相关的示例, so.....。最近工作中接到一个功能,要做地图和表格,对于用惯了Bootstrap、antd 的我来说, jqgrid是什么鬼,看了看官网,jqgrid提供的属性和方法太多了,应该定制型非常强,所以有辣么多银还在用这个强大的库吧。因为涉及稿还没来,那就研究研究基本功能。在此,对使用jsp做开发的不不禁的崇拜啊,页面布局 table 套 table .....

要实现的是一个可垂直滚动的表格。大致如下

jqgrid addJSONData方法使用吐槽

接下来就是用jqgrid的addJSONData实现数据加载。

新建html页并引入所需的样式和脚本

jqgrid无数据示例化

表格数据组织

jsonArr = [{

addJSONData调用

效果

jqgrid addJSONData方法使用吐槽

不折腾,永远都不知道过去、现在和以后都是什么样。

使用jqgrid的addRowData或者addJSONData方法, 再结合clearGridData方法,我们可以很轻松的随生成的表格做重绘,实时更新数据。

在此对jqgrid的addJSONData方法做个记录,方便自己也方便别人。