2011-12-06 168 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) –

相關問題