$dataInit = <<< DATAINIT
function(elem) {
var options = {
height: "150",
minWidth : 'auto',
noneSelectedText: 'Select',
open: function () {
var mmenu = $(".ui-multiselect-menu:visible");
mmenu.css("font-size","11px").width("auto");
return;
}
},
melem = $(elem);
melem.multiselect(options);
melem.siblings('button.ui-multiselect').css({
width: "100%",
marginTop: "1px",
marginBottom: "1px",
paddingTop: "3px"
});
}
DATAINIT;
$grid->setSelect("priority", array("5" => "Emergency", "4" => "High", "3" => "Medium", "2" => "Low", "1" => "Info"), true, true, false);
$grid->setColProperty('priority', array(
"searchoptions"=>array(
"multiple"=>true,
"dataInit"=>"js:".$dataInit,
"defaultValue"=> "1,2", // Also tried Info,Low here
"sopt" => "eq"
))
);
$searcharr["groupOp"] = "AND";
$searcharr["rules"][] = [
"field" => "priority",
"op" => "eq",
"data" => "1,2"
];
$grid->setGridOptions(array(
"scroll" => false,
"rowNum" => 20,
"sortname" => "alert_time",
"sortorder" => "desc",
"sortable" => "true",
"height"=>600,
"multiSort" => true,
"loadonce" => true,
"autowidth" => true,
"shrinkToFit" => false,
"search" => true,
"postData" => array("filters" => json_encode($searcharr)),
//"colMenu" => true, // Can't get colMenu working with multiple
));
$grid->setNavOptions('navigator', ["refresh" => false,
"reload" => false, "excel" => false, "add" => false, "edit" => false, "del" => false, "view" => true, "search" => true,
"columns" => true,]);
$grid->setNavOptions('search', array("multipleSearch" => true, "uniqueSearchFields" => true, "multipleGroup" => true, "showQuery" => true));
$grid->renderGrid('#grid', '#pager', true, null, null, true, true);