jqGrid - 自定义表单布局（编辑，添加，删除）

Question

我正在尝试自定义编辑/添加/删除对话框的表单布局，但问题是我的自定义字段的高度不符合标准高度（来自jqgrid自动创建的字段）。这是一张图片：

我想要的是来自我的自定义字段'Responsável'和'Componente'的td.DataTD的高度与其他字段保持一致。这是我的代码的重要部分：

beforeShowForm: function(form) {
     $('#tr_responsavel').html('<td class="CaptionTD">Responsável</td><td class="DataTD">&nbsp;<table><td><select role="select" id="resp" name="responsavel" size="1" class="FormElement ui-widget-content ui-corner-all"><option role="option" value="1">Usuário</option><option role="option" value="2">Área</option><option role="option" value="3">Grupo</option></select></td><td><input id="inputResponsavel" type="text" role="textbox" class="FormElement ui-widget-content ui-corner-all"></td><td><a href="#" onclick="teste()"> <img src="img/search.png" width="25" height="25"></a></td></table></td>');
     $('#tr_componente').html('<td class="CaptionTD">Componente</td><td class="DataTD">&nbsp;<table><td><input id="comp" type="text" role="textbox"></td><td><a href="#" onclick="teste2()"> <img src="img/search.png" width="25" height="25"></a></td></table></td>');    
},

Answer 1

为什么用其他HTML代码替换现有的jqGrid字段？另外，在'Responsável'字段中设置<table>似乎很奇怪。您如何想象jqGrid 获取来自此类自定义字段的结果？使用其他信息追加或 prepend 添加/编辑表单的标准输入字段并不容易。如果标准ID的标准字段保持不变，则问题会更少。 jqGrid将从字段中获取信息，没有任何问题。如果使用jQuery UI Autocomplete或jQuery UI Datepicker控件，它就会这样做。

如果确实需要自定义字段，则应遵循the documentation并使用edittype: "custom"。请查看the demo的the answer以获取更多信息。