jquery – jqGrid中类似电子表格的内联编辑

前端之家收集整理的这篇文章主要介绍了jquery – jqGrid中类似电子表格的内联编辑前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery 1.4和jqGrid 3.8 beta,

在这里我使用了jqgrid表,我想在其中创建excel表/电子表格等界面,
其中已经显示空白行的数量,并且用户可以将记录输入表格单元格中,以便他们输入电子表格中的原因.

我通过运行JQgrid的addRowData函数循环创建了空的可编辑行.
之后我通过指定editable:true使几个字段可编辑

现在的问题是,当我在一个字段中编辑某些东西并在那之后写一些东西时,如果我移动到另一行,那么前一行上的旧编辑数据将无法在表上存储它会消失.

在这里,实时示例尝试键入可编辑字段,然后移至下一行.

http://www.logicatrix.com/example/records.html

解决方法

你的主要问题是你应该改变editurl:“#”to editurl:’clientArray'(见 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#saverow),如果你想使用客户端编辑.

此外,我建议你删除

<script src="js/jquery.jqGrid.js" type="text/javascript"></script>

因为你在jqGrid的所有需要​​部分之前插入(“js / grid.base.js”等等).
您还应该从jQuery UI复制images子目录.当前一个收到小错误,因为无法加载像http://www.logicatrix.com/example/images/ui-bg_highlight-soft_100_eeeeee_1x100.png这样的文件.我建议您使用jQuery UI 1.8.4而不是1.8.2直到jqGrid 3.8发布,因为一些小的已知问题.

更新:顺便说一下客户端编辑的工作示例,您可以在http://www.ok-soft-gmbh.com/jqGrid/ClientsideEditing4.htm下看到(使用双击和ENTER进行行编辑).我之前为答案How to disable auto update when jqGrid edited?做了准备.对示例的简单更改将为您提供您可能需要的代码.

猜你在找的jQuery相关文章