2013-06-12 61 views
1

我拥有一个jqgrid对话框来管理用户,我可以添加或编辑用户属性。jqgrid - 如何在编辑或添加记录时将jquery ui选项卡添加到jqgrid对话框中?

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

现在,在这个节骨眼上,当我想添加或编辑用户,它正在被打开进行编辑和添加用户的对话框中,应包含两个选项卡,高级和一般

最后,应该如何一个能够在jqgrid用户管理对话框中添加选项卡?

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

jqgrid-customize-modal-popup

customizing-view-modal-popup-in-jqgrid

在此先感谢。

回答

0

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

首先,jqGrid是jQuery插件,而不是jQuery UI Widget。它只使用jQuery UI CSS框架。所以jqGrid使用没有 jQuery小部件如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

另一种方式是使用colposrowpos属性formoptions。详情请参阅the answer

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

+0

首先,我应该感谢你的丰富和高级响应 ,我们可以看到你总是回答所有jqgrid问题 这不好,我们不能将标签添加到编辑窗体,但你的答案在下面的链接对于区分不同组中的输入是很好的。 一个连结[](http://stackoverflow.com/questions/9998125/jqgrid-grouping-fields-in-edit-form/10020340#10020340) 因此,我可以使用。 非常感谢你。 – Aria

+0

@aria:不客气!我决定写信给你,让你朝着你可以找到你的问题的解决方法。你可以[接受](http://meta.stackexchange.com/a/5235/147495)的答案,因为我不认为你会找到解决方案,在里面使用jQuery UI Tabs来编辑表单jqGrid的。 – Oleg

+0

当然,我这么认为,无论如何谢谢。 – Aria