2016-09-29 24 views
0

jqGridツールバーのドロップダウンにチェックボックスを追加しようとしていますが、それを行う方法がわかりません。私はうまく動作しているmultiselectボックスがありますが、私はドロップダウンで表示されるチェックボックスに置き換えたいです。jqGrid - ツールバーのドロップダウンでチェックボックスを追加

私のコードは、私はまた、より良く理解するためにスクリーンショットを添付した

{ 
    name: 'Status', 
    index: 'account.status', 
    searchoptions: { 
     sopt: ['eq'], 
     value: ":All;0:Pending;1:Warming;2:Running;3:Dead;4:ID Verification", 
     multiple: true 
    }, 
    stype: 'select' 
} 

jqGrid jsのバージョン5.1.1

です。

は、これはこれは私が私のために非常に有用となります

enter image description here

任意の提案を必要とするものである私は

enter image description here

を持っているものです。

ありがとうございます。

+0

コンプリート例:http://www.ok-soft-gmbh.com/jqGrid/OK/MultiselectIn.htm – SKumar

答えて

1

ui.multiselectを使用すると、チェックボックスでドロップダウンを達成できます。

このコードを試してみてくださいそして、この2つのファイル

<link rel="stylesheet" type="text/css" href="path/to/your/ui.multiselect.css" /> 
<script src="path/to/your/jquery-ui.min.js" type="text/javascript"></script> 

を含めます。

{ 
name: 'Status', 
index: 'account.status', 
stype: 'select', 
searchoptions: { 
    sopt: ['eq'], 
    value: ":All;0:Pending;1:Warming;2:Running;3:Dead;4:ID Verification", 
    multiple: true, 
    dataInit: function(e){ 
    $(e).multiselect({ 
    minWidth: 120, 
    selectedList: 2, 
    noneSelectedText: "Any" 
    }); 
    } 
} 
} 
関連する問題