jquery-ui - jqGrid多搜索对话框配置

Question

我面临 jqgrid 多重搜索(php 后端)的问题。搜索对话框不会显示“+”(添加过滤器)，除非我单击“重置”按钮...

这是代码:

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

这是我打开搜索对话框时得到的结果(搜索工作正常，但我无法添加另一个过滤器):

当我单击对话框左下角的其余按钮时(即使之前没有执行搜索)，我会看到对话框的“正确”结构...并且多个过滤器搜索有效:

如何解决并获取完整对话框而不点击重置？ 预先感谢您

Answer 1

您在调用 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}
);

您用“重置”按钮描述的问题只是 single field searching 中的一个错误jqGrid(查看更多here)。由于 searchGrid 使用错误，multipleSearch:true 选项将被忽略，搜索对话框将用作 single field searching .