jqGrid编辑/查看表单组合

时间:2012-02-08 08:40:46

标签: javascript jquery jqgrid

我一直在浏览jqGrid wiki,但却找不到一些东西。也许它太定制了。

1)通过表单编辑进行编辑时,是否可以让jqGrid显示该行的所有字段,但在表单中只有少数字段可编辑?我希望用户在编辑行的一部分时能够看到有关该行的所有详细信息。

2)我还想删除表单编辑窗口中的左/右导航箭头。

谢谢!

1 个答案:

答案 0 :(得分:1)

jqGrid有很多功能,找到符合您要求的功能真的不容易。

首先,我回答你的第二个问题。方法editGridRow具有选项viewPagerButtons,可用于隐藏“添加/编辑”表单上的导航箭头。在最常见的情况下,如果您使用navGrid启用表单编辑,则应将viewPagerButtons: false作为prmEdit的{​​{1}}和prmAdd参数的属性。您可以考虑使用

更改表单编辑的默认设置
navGrid

我个人更改了使用jqGrid的所有实际项目中的默认值。我在一个JavaScript文件中包含了jqGrid默认值的许多更改,并在$.extend($.jgrid.edit, {viewPagerButtons: false}); 之后直接将其包含在母版页中。查看有关jqGrid设置的更多信息。使用jquery.jqGrid.min.js$.jgrid.defaults $.jgrid.nav$.jgrid.edit$.jgrid.del$.jgrid.search$.jgrid.view$.jgrid.inlineEdit可以不仅减少了创建您使用的每个网格的代码。它可以简化常见项目设置的管理,改善软件开发项目的维护。

关于你的第一个问题:我理解你所描述的问题。在我的old post我  描述了如何扩展jqGrid的当前功能以实现您的要求的一些建议。遗憾的是,这些功能仍然不在jqGrid中。不过,您可以使用herehereherehere所述的技巧。您应该了解,您在beforeInitData$.jgrid.ajaxOptions内所做的更改(如使列可编辑,隐藏或任何其他更改)将在构建表单时直接使用。您可以使用setColProp方法更轻松地更改colModel。在beforeShowFormafterShowForm回调中,您可以重置初始状态下colModel的列属性。