写的有点多,可以直接看贴的代码(第一段代码、第二段代码、第三段代码)
网上很多博客几乎都是抄来抄去,而且几乎都没有什么用,索性还不如自己写纯js实现
项目背景:使用vue+js完成,我在代码部分会标出哪些是关键性代码
使用组件jqGrid,下载引入就不说了,多余的也不说了,代码片段中有不懂的自己去翻一下中文文档:点此链接到jqGrid中文文档地址
所需要使用到的jqGrid的事件包括
onSelectRow | rowid,status | 当选择行时触发此事件。rowid:当前行id;status:选择状态,当multiselect 为true时此参数才可用 |
gridComplete | none | 当表格所有数据都加载完成而且其他的处理也都完成时触发此事件,排序,翻页同样也会触发此事件 |
getDataIDs | none | array[] | 返回当前grid里所有数据的id |