jqGrid - hinzufügen Checkbox in der Symbolleiste Drop-down

Question

Ich versuche, Kontrollkästchen in Dropdown der JqGrid Toolbar hinzuzufügen, aber ich kann nicht herausfinden, wie es geht. Ich habe ein Multiselect-Feld, das gut funktioniert, aber ich möchte es durch ein Kontrollkästchen, das im Dropdown-Menü sichtbar ist, ersetzen.

Mein Code ist

{ 
    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 Version 5.1.1

ich auch Screenshot zum besseren Verständnis angebracht haben.

Dies ist, was ich

haben Dies ist, was ich brauche, wird

Jeder Vorschlag für mich sehr hilfreich sein.

Vielen Dank im Voraus.

Answer 1

Sie können Dropdown mit Kontrollkästchen erreichen, indem Sie ui.multiselect verwenden.

Fügen Sie diese 2 Dateien

<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> 

Dann diesen Code versuchen.

{ 
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" 
    }); 
    } 
} 
}