天天看點

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方法做個記錄,友善自己也友善别人。