0

選択リスト オプションの動的ロードに苦労しています。何か役に立つものを見つけたいと思って、私は数時間グーグルで検索しました。このポータルでいくつかのことを見つけましたが、それほど役に立ちませんでした... アプリケーションのロジックは次のとおりです。 -アーカイブボックスの概要があります。-それらの編集時に、アーカイブボックスIDに応じたオプションを含む複数選択リストを取得する必要があります-すでに選択された商品のリスト

dataInit-function を介して選択リスト オプション (私の場合、この特定のボックスにアーカイブされている商品) をロードできると思います

editoptions: { dataInit: function( elem )

どうすればこの問題を解決できますか?

どんな助けでも大歓迎です!前もって感謝します!

更新 1

私にとって、それは純粋な神秘主義です。

'dataInit'=> "function (elem) { 
  var url = '/selectlist/?value='+elem.value;
  console.log(url);
  grid.setColProp('box_no', { editoptions: { dataUrl: url}});
}",

コンソールでは、クリックするたびに正しい URL を取得していますが、選択したリストには、選択した最初の行の値が一度だけ入力されます。オプション recreateForm は true に設定されていますが、役に立ちません。

4

2 に答える 2

0

jquery と ajax テクノロジを使用できます。選択ボックスにjquery を使用する場合は、
JqueryとAjaxを使用した動的依存選択ボックス

于 2012-08-27T18:42:10.220 に答える
0

最初に colModel に次の属性を設定する必要があります。

search: true,
stype: 'select',
searchoptions: {dataUrl: "/api/select_options/3/"}

/api/select_options/3/ url で、次のような選択オプションの html コードである文字列を返すだけです。

<select role="select" class="input-elm" id="jqg5">
<option role="option">Select one</option>
<option value="in progress" role="option">In progress</option>
<option value="disbursed" role="option">Disbursed</option>
<option value="declined" role="option">Declined</option>
<option value="approved" role="option">Approved</option>
</select>

二重引用符のエスケープには注意が必要です。また、最初のオプションとして空白のオプションを設定する必要がありました。それ以外の場合、最初のオプションが選択された場合、そのフィールドの値として「null」が送信されました。

私は自分自身を十分に明確にしたことを願っています。他にご不明な点がございましたら、お知らせください。

于 2012-08-27T18:05:29.313 に答える