css - Jqgrid: Multiselect in toolbar filter -
i want add multiple select toolbar filter, since not supported natively jqrid. best , easiest reuse ui.multiselect plugin comes together, however, im not able succeed that.
my idea render comes searchoptions (i did simplified example make more clear):
searchoptions:{multiple:true, value:'true:true;false:false', defaultvalue:'false'}
and run multiselect rendering on given column:
$("#gs_example").multiselect()
but instead of expected dropdownbox got ugly picture: http://i38.tinypic.com/2zgvuh3.jpg
i cannnot bring mutliselect frame foreground or whatsoever...
<div class="ui-multiselect ui-helper-clearfix ui-widget" style="width: 146px;"> <div class="selected"> <div class="actions ui-widget-header ui-helper-clearfix"> <span class="count">1 items selected</span> <a class="remove-all" href="#">remove all</a> </div> <ul class="selected connected-list" style="height: 1px;"> <li class="ui-helper-hidden-accessible"></li> <li class="ui-state-default ui-element" title="false" style=""> <span class="ui-helper-hidden"></span> false <a class="action" href="#"> <span class="ui-corner-all ui-icon ui-icon-minus"></span> </a> </li> </ul> </div> <div class="available"> <div class="actions ui-widget-header ui-helper-clearfix"> <ul class="available connected-list" style="height: 1px;"> </div> </div>