jqGrid-编辑表单中的分组字段

jqGrid-编辑表单中的分组字段,jqgrid,grouping,edit,categories,Jqgrid,Grouping,Edit,Categories,是否可以对编辑表单中的某些字段进行分组 我想将一些字段组合在一起,给它们一个摘要名称,给组一些不同的背景颜色,甚至是边框,这样用户可以更容易地导航 假设colModel中有4个条目: name address title income 我想在编辑表单中显示它,如: Personal:---------- | name [ ] | | address [ ] | ------------------- Business:---------- | title [

是否可以对编辑表单中的某些字段进行分组

我想将一些字段组合在一起,给它们一个摘要名称,给组一些不同的背景颜色,甚至是边框,这样用户可以更容易地导航

假设colModel中有4个条目:

name
address
title
income
我想在编辑表单中显示它,如:

Personal:----------
| name     [    ] |
| address  [    ] |
-------------------
Business:----------
| title    [    ] |
| income   [    ] |
-------------------
其中,属于个人组/类别的字段将具有(比方说)浅绿色背景,而业务组中的字段将具有浅红色背景

困难在于有很多字段,我不想一个接一个地给它们加背景色。 如果有组,我甚至可以使用一些折叠jQuery插件让用户隐藏一些组

现在,我正在与custom_元素进行斗争,在小组周围创建一些表格,但还没有成功


解决方案 正如托尼在报纸上指出的那样

目前此功能不可用,或者最后添加此功能需要使用fsome事件和编辑表单结构的知识

我们计划在下一个主要版本中引入表单编辑中的模板

因此,现在没有其他解决方案像Oleg所提出的那样(感谢您的快速回复:)

我用他的想法(部分)解决了我的任务。在编辑表单中添加包含表行的规则,最后逐个设置行的样式

有关部分:

$('<tr class="FormData"><td class="CaptionTD ui-widget-content" colspan="2"><hr/></td></tr>').insertBefore('#tr_********,');
$("#tr_*******,#tr_*******").css("background-color","#def");
$(“
”).insertBefore(“#tr********,”); $(“#tr#tr*******,#tr#tr*******”).css(“背景色”,“定义”);
其中,
******
是colModel中的列名


添加边框并使其可折叠实在是太麻烦了,所以现在将跳过它。

您可以做的几乎是免费修改回调中的添加或编辑表单。我演示了我很快为您提出的想法。该示例仅显示了您可以执行的一个示例:

相应的代码是

$.extend($.jgrid.edit{
再现形式:正确,
beforeShowForm:函数($form){
$('' +
“
”+ “Invice信息(所有关于金钱的信息):” .insertBefore('tr#u amount'); $('' + “
”+ '传递信息:') .insertBefore('tr#u closed'); } });

我将
$.jgrid.edit
设置为仅在ShowForm之前更改“编辑”表单中的两个“添加”。
.insertBefore('tru amount')
insertBefore('tru closed')
中使用的
'amount'
'closed'
colModel

中的列名。您查看了他们的演示吗?有一个叫做分组的部分,在这个主题上有很多例子。是的,我查过了。关于分组的那些部分是指网格本身中的分组。我想要的是添加/编辑表单中的分组。你是超级明星!像专业人士一样回答所有jqgrid问题@谢谢!我很高兴我的回答对你有所帮助。