Jquery ui jqGrid多重搜索对话框配置
我面临jqgrid多搜索php后端的问题。搜索对话框不会显示+添加筛选器,除非我单击重置按钮 代码如下:Jquery ui jqGrid多重搜索对话框配置,jquery-ui,search,jquery-plugins,jqgrid,Jquery Ui,Search,Jquery Plugins,Jqgrid,我面临jqgrid多搜索php后端的问题。搜索对话框不会显示+添加筛选器,除非我单击重置按钮 代码如下: jQuery("#poi_grid").jqGrid({ url:'php/retrieve_pois.php', datatype: "json", colNames:['Name', 'Region', 'Type','Website','PDF','Lat','Lon'], colModel:[ {name:'name',ind
jQuery("#poi_grid").jqGrid({
url:'php/retrieve_pois.php',
datatype: "json",
colNames:['Name', 'Region', 'Type','Website','PDF','Lat','Lon'],
colModel:[
{name:'name',index:'name', width:150},
{name:'region',index:'region', width:70},
{name:'type',index:'type', width:70},
{name:'website',index:'website', width:90,sortable:false,search:false},
{name:'pdf',index:'pdf', width:150,align:"right",sortable:false,search:false},
{name:'lat',index:'lat', width:60, sortable:false,search:false},
{name:'lon',index:'lon', width:60, sortable:false,search:false},
],
pager:'#pager',
rowNum:20,
rowList:[20,30,50],
sortname: 'name',
viewrecords: true,
sortorder: "asc"
});
//Pager
jQuery("#poi_grid").jqGrid('navGrid','#pager',
{edit:false,add:false,del:false,search:false,refresh:false}
)
//Custom buttons
.navButtonAdd('#pager',{
caption:"",
title:"Search",
buttonicon:"ui-icon search",
onClickButton: function(){
jQuery("#poi_grid").jqGrid('searchGrid',
{sopt:['eq','ne','cn','bw','bn']},
{multipleSearch:true}
);
},
position:"last"
});
这是我打开搜索对话框时得到的结果搜索工作正常,但我无法添加其他过滤器:
当我点击对话框左下角的rest按钮时,即使没有执行搜索,也会看到对话框的正确结构。。。和多个过滤器搜索工作:
如何在不单击重置的情况下解决并获得完整的对话框?
提前感谢您您在调用searchGrid时出错。而不是
jQuery("#poi_grid").jqGrid('searchGrid',
{sopt:['eq','ne','cn','bw','bn']},
{multipleSearch:true}
);
你应该使用
jQuery("#poi_grid").jqGrid('searchGrid',
{sopt:['eq','ne','cn','bw','bn'], multipleSearch:true}
);
您用Reset按钮描述的问题只是jqGrid中的一个bug,请参阅更多。由于searchGrid的使用错误,multipleSearch:true选项将被忽略,搜索对话框将用作。请参见此对话框
jqGridObj = $('#poi_grid');
jqGridObj.navButtonAdd('#' + jqGridObj[0].id + '_toppager_left',{
caption:"",
title:"Search",
buttonicon:"ui-icon-search",
onClickButton: function(){
jqGridObj.jqGrid('searchGrid',
{sopt:['eq','ne','cn','bw','bn'], multipleSearch:true, showQuery: true}
);
},
position:"last"
});