jqgrid - 如何在编辑或添加记录时将jquery ui tab添加到jqgrid对话框?

时间:2013-06-12 06:16:24

标签: jqgrid

我拥有一个用于管理用户的jqgrid对话框,我可以添加或编辑用户属性。

但我得出的结论是,用户信息应该分为两个部分,公共部分和高级部分。

现在,在我想要添加或编辑用户的时刻,正在打开以进行编辑和添加用户的对话框应包含两个选项卡,高级和常规

最后,如何在jqgrid用户管理对话框中添加标签?

我在下面的链接中看过内容,但没有答案。

jqgrid-customize-modal-popup

customizing-view-modal-popup-in-jqgrid

提前致谢。

1 个答案:

答案 0 :(得分:0)

我发现你的问题很有趣,但你不应该期待一个简单的解决方案。有很多原因为什么不存在简单的解决方案。

首先,jqGrid是jQuery插件而不是jQuery UI Widget。它只使用jQuery UI CSS Framework。所以jqGrid使用 no jQuery Widgets,如Tabs,Dialog,Button,Tooltips,Datepicker,Autocomplete等。将不使用偶数效果或位置实用程序。可以将jqGrid集成到使用Widgets的解决方案中,但它不会在内部使用。

第二个原因:jqGrid编辑形式的结构是面向表的。 jqGrid内部用于获取表单编辑结果的函数getFormData使用面向表的选择器(请参阅the linethe line

$("#"+"TblGrid_"+$.jgrid.jqID($t.p.id)+">tbody>tr>td>.FormElement").each(function() {

因此,您不能仅在afterShowForm回调中的另一个选项卡中移动一些输入元素。如果getFormData工作不正常,则不会向服务器发送编辑结果。

您可以实际操作的是使用表单中有趣的附加信息对数据进行分组。有关详细信息,请参阅the answer

另一种方法是使用formoptionscolposrowpos属性。有关详细信息,请参阅the answer

你可以将上述两种方法结合起来。