2011-12-06 33 views
1

jqgridの追加/編集フォームに、クライアントからのドロップダウンとモバイル番号列のテキストフィールドのリクエストがあります。私が知りたいこのjqgridの追加/編集フォームに列の2つの編集フィールドを表示

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

ご返信ありがとうございます。しかし、それは私が望むものではありません。私が望むのは、追加/編集フォームが表示されているときに、携帯電話番号フィールドに国とテキストボックスの2つの編集フィールドが表示されるはずです。 – 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-inform-editing)に示すようにテンプレートを使用してフォームを実装することができます。 –

関連する問題