有没有人使用过 JqGrid 这个插件？请教面向 api 编程的姿势

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 3032 天前的主题，其中的信息可能已经有所发展或是发生改变。

JqGrid https://github.com/tonytomov/jqGrid

官网： http://www.trirand.com/blog/

官方文档： http://www.trirand.com/jqgridwiki/doku.php

我用的版本是 5.0.2 ，还有个版本是 5.1.1

官方文档也没更新 5 以上的文档

1.行内编辑成功修改了后台数据，但是没重新刷新 grid ，还是显示了以前的数据，手动刷新就可以看到新的数据，如何让它改了数据就自动刷新 grid ？

2.增删改查的数据，我要用自己的按钮触发，如何书写？

3.如何面向 api 编程？

我的姿势，官方文档，官方 demo ， github ，百度

文档

jqgrid

Grid

API

8 条回复 • 2016-09-07 11:49:34 +08:00

yiyizym

2016-09-06 18:46:56 +08:00

官方都没文档的版本，你还敢用，心真大啊，当年我就觉得 jqGrid 的文档超烂，但起码还能用。

看文档还解决不了的问题，就到源码找关键字，逐行看到明白为止。

0f2e3z8n4z

2016-09-06 21:20:25 +08:00 via Android

@yiyizym 组长要套一个后台模板，里面用的就是 jqgrid 他就叫我这个实习生去琢磨怎么用，搞个 demo 出来

palmers

2016-09-06 23:22:01 +08:00

1. jqgrid 行 /列编辑保存默认是 enter/取消 ESC,如果不满意，可以取消自己手动调用 api /saveCell/Row 这样被编辑行 /列会马上刷新，如果是需要修改多行 /列然后刷新，也可以调用 api reloadGrid 手动刷新 grid 数据;
2. crud 可以在初始化 grid 的时候去掉 crud 操作导航按钮，然后手动绑定事件实现增 /删 /改 /查 / 类似： $(‘#gridid ’).jqGrid({xxx:xx,....}).navGrid('#gridpager',{add:false,edit:false,del:false})
3. 面向 api 编程？不懂帮不了你

chaegumi

2016-09-07 07:55:01 +08:00

几年前有用过 jqgrid ，是你看的文档不对，我是看 demo 学习的。

0f2e3z8n4z

2016-09-07 08:27:09 +08:00 via Android

@chaegumi jqgrid 一直在更新中，但是我在官网的文档中没找到 5.0 以上的文档

z807550686

2016-09-07 09:18:26 +08:00 via Android

jqwidgets 的 jqxgrid 感觉还不错，文档做的挺不错。

0f2e3z8n4z

2016-09-07 09:44:42 +08:00

@palmers 你好，问一下你用的是哪个版本？我现在是添加了 editurl ，然后后台处理一下参数，当行内编辑成功之后就可以成功修改了数据，但是这个保存之后回调函数应该写在哪里？

palmers

2016-09-07 11:49:34 +08:00

@0f2e3z8n4z v5.1 你给的网站 doc 上有行编辑章节有一个例子：
```javascript
jQuery("#grid_id").jqGrid('editRow',rowid, keys, oneditfunc, successfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc);
```
`aftersavefunc` 就是保存后回调