1

3 つのフィールドを持つレコードがあり、それらはすべてドロップダウンです。それらが独立したレコードであればすべて正常に機能しますが、最初のドロップダウンを変更すると、2番目のドロップダウンのアイテムのリストが変更される場所が欲しいですか? これはjqgridで可能ですか。

私のコードの簡略化されたバージョンは、次のようになります。

jQuery("#marketDataGrid").jqGrid({
    mtype: "POST",
    url: "/Application/MarketData/" + id,
    datatype: "json",
    colNames: ["", "Id","Source", "API"],
    colModel: [
        { name: "ApplicationId", index: "ApplicationId", hidden: true, width: 0, editable: true, editoptions: { readonly: true} },
        { name: "Id", index: "Id", hidden: false, width: 30, editable: false, editoptions: { readonly: true} },
        { name: "MarketDataSource", index: "MarketDataSource", editoptions: { dataUrl: "/MarketDataSource/GetSelectDataRequired" }, editrules: { required: true }, editable: true, edittype: "select", width: 155, stype: 'select', searchoptions: { sopt: ['eq', 'ne'], dataUrl: "/MarketDataSource/GetSelectData"} },
        { name: "API", index: "API", editoptions: { dataUrl: "/API/GetSelectDataRequired" }, editrules: { required: true }, editable: true, edittype: "select", width: 155, stype: 'select', searchoptions: { sopt: ['eq', 'ne'], dataUrl: "/API/GetSelectData"} }

    ],
4

1 に答える 1

2

jqGrid で依存選択を実装する簡単な方法はありません。それにもかかわらず、依存選択を実装する方法を回答のデモで示しました。インライン編集、フォーム編集、および検索ツールバーのツリー ケースでの実装を示しました。

あなたの場合、参照されたデモで使用される代わりにdataUrl使用します。それにもかかわらず、実装は同じアイデアに基づくことができます。「メイン」選択のイベントを登録し、サーバーに要求を行って、依存選択の選択オプションのサブセットを取得できます。あなたのハンドルの内側では、私のデモと同じことができます。editoptionsvaluechange$.ajaxsuccess$.ajax

于 2012-08-30T06:16:49.403 に答える