2011-12-06 96 views
1

我有一个来自客户端的请求,在jqgrid添加/编辑表单中有一个下拉列表和用于移动号码列的文本字段。在jqgrid添加/编辑表单中显示列的两个编辑字段

像这样

Mobile number <countrycode drop down> <mobile number text field> 

我想知道能不能在此的jqGrid添加/编辑形式进行?如果是,那么如何?

@UPDATE: 这里是我想要在添加/编辑窗体(你将需要创建一个带有下面的代码的html文件,并在浏览器中看到输出)的输出。很抱歉不能上传图片,不要有那么多的声誉。(...

<html> 
<body> 
<table> 
    <tr> 
<td>Phone#</td> 
<td>:</td> 
<td> 
     <select><option value=1>1</option></select> 
     <input type="text"/> 
    </td> 
    </tr> 
</table> 
</body> 
</html> 
+0

了你解决了吗?我也有同样的问题。 –

回答

0

这当然是可能的jqGrid使用我想你会发现this question有关你想实现什么特别。感兴趣的将是colModel中编辑类型的设置方式,用于您有兴趣作出选择的字段。文本输入将是编辑模式中字段的默认格式。

所有这些说,我假设你没有使用付费版本的jqGrid,在你使用的情况下,你需要设置你的编辑选项有点不同。你可以阅读更多有关在付费版本here

+0

感谢您的回复。但那不是我想要的。我想要的是当显示添加/编辑表单时,手机号码字段应该显示两个编辑字段,一个国家和另一个文本框。 – Natraj

0

虽然已经5年了,但没有人回答,我有同样的问题,而且我一直在找出解决方案。这很容易,但我有很多时间去做。就像这样:

在ColModel集formoptions:{rowpos:X,colpos:y}在

colModel: [ 
      { name: "CategId", index: "CategId", label: arrTool.CategId, width: 100, editable: true, formoptions: { rowpos: 1, colpos: 1 } }, 
      { name: "Category", index: "Category", label: arrTool.Category, width: 100, editable: true, formoptions: { rowpos: 1, colpos: 2 } } 
] 

结果: enter image description here

+0

除此之外,如果您使用Guriddo jqGrid,则可以使用[本文]中显示的模板实现您想要的表单(http://guriddo.net/?kbe_knowledgebase=using-templates-in-form-editing) –

相关问题