Python jqGrid searchOperators未显示工具栏筛选器

我遵循了下的示例“使用运算符搜索工具栏”，示例代码如下

代码（据我所知）与给出的jqGrid示例代码相同，但数据源除外

问题是我无法使工具栏过滤器操作符显示。 过滤器工具栏本身确实存在，并按预期运行

下面的代码是自给自足的，可以从本地文件加载到浏览器中

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/redmond/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.0.0/css/ui.jqgrid.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.0.0/js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.0.0/js/jquery.jqGrid.min.js"></script>


<script type="text/javascript">
    $(document).ready(function () {
        var myData = [
                {item_id:"1", item:"test",  item_cd:"note"   },
                {item_id:"2", item:"test2", item_cd:"note2"  },
                {item_id:"3", item:"test3", item_cd:"note3"  },
                {item_id:"4", item:"test4", item_cd:"note4"  },
                {item_id:"5", item:"test5", item_cd:"note5"  },
                {item_id:"6", item:"test6", item_cd:"note6"  },
                {item_id:"7", item:"test7", item_cd:"note7"  },
                {item_id:"8", item:"test8", item_cd:"note8"  },
                {item_id:"9", item:"test9", item_cd:"note9"  },
                {item_id:"10",item:"test10",item_cd:"note10" },
                {item_id:"11",item:"test11",item_cd:"note11" },
                {item_id:"12",item:"test12",item_cd:"note12" }
            ],

        myGrid = $("#list451");

        myGrid.jqGrid({
            datatype:'local',
            data: myData,
            height: 255,
            width: 600,
            colNames:['Index','Name', 'Code'],
            colModel:[
                {name:'item_id',index:'item_id', width:65,  sorttype:'integer', searchoptions:{sopt:['eq','ne','le','lt','gt','ge']}},
                {name:'item',index:'item', width:150, sorttype:'string', searchoptions:{sopt:['eq','bw','bn','cn','nc','ew','en']}},
                {name:'item_cd',index:'item_cd', width:100}
            ],
            rowNum:50,
            rowTotal: 200,
            rowList : [20,30,50],
            loadonce:true,
            //mtype: "GET",
            rownumbers: true,
            rownumWidth: 40,
            gridview: true,
            pager: '#pager451',
            sortname: 'item_id',
            viewrecords: true,
            sortorder: "asc",
            caption: "Loading data from server at once"
        });
        myGrid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch : "cn"});
        jQuery("#list451").jqGrid('filterToolbar',{searchOperators : true});
    });
</script>

$（文档）.ready（函数（）{
var myData=[
{项目id:“1”，项目：“测试”，项目cd:“注释”}，
{item_id:“2”，item:“test2”，item_cd:“note2”}，
{item_id:“3”，item:“test3”，item_cd:“note3”}，
{item_id:“4”，item:“test4”，item_cd:“note4”}，
{item_id:“5”，item:“test5”，item_cd:“note5”}，
{item_id:“6”，item:“test6”，item_cd:“note6”}，
{item_id:“7”，item:“test7”，item_cd:“note7”}，
{item_id:“8”，item:“test8”，item_cd:“note8”}，
{item_id:“9”，item:“test9”，item_cd:“note9”}，
{item_id:“10”，item:“test10”，item_cd:“note10”}，
{item_id:“11”，item:“test11”，item_cd:“note11”}，
{item_id:“12”，item:“test12”，item_cd:“note12”}
],
myGrid=$（“#列表451”）；
myGrid.jqGrid({
数据类型：'local'，
数据：myData，
身高：255，
宽度：600，
colNames:['Index'、'Name'、'Code']，
colModel：[
{名称：'item_id'，索引：'item_id'，宽度：65，排序类型：'integer'，搜索选项：{sopt:['eq'，'ne'，'le'，'lt'，'gt'，'ge']}，
{名称：'item'，索引：'item'，宽度：150，排序类型：'string'，搜索选项：{sopt:['eq'，'bw'，'bn'，'cn'，'nc'，'ew'，'en']}，
{名称：'item_cd'，索引：'item_cd'，宽度：100}
],
rowNum:50，
总数：200，
行列表：[20,30,50]，
有一次：是的，
//mtype:“获取”，
行数：对，
行宽：40，
gridview：没错，
寻呼机：'#寻呼机451'，
sortname:'item_id'，
viewrecords：是的，
分拣员：“asc”，
标题：“立即从服务器加载数据”
});
jqGrid（'filterToolbar'，{stringResult:true，SearchOneNet:false，defaultSearch:cn}）；
jQuery（“#list451”）.jqGrid（'filterToolbar'，{searchOperators:true}）；
});

HTML代码：

---

存在错误是因为您使用了两个单独调用

filterToolbar

，而不是使用带有附加选项的

searchOperators:true

：

myGrid.jqGrid（“filterToolbar”{
是的，
结果:对,，
searchoneter:false，
默认搜索：“cn”
});

---

我建议您从所有

colModel

项目中另外删除

index

属性。我假设您将使用

数据类型：“json”

的原始代码更改为

数据类型：“local”

，以仅演示问题。使用

loadonce:true

，因此

index

属性的值必须与

name

属性的值相同。因此，删除

索引

属性将是最佳选择。

我按照建议组合了两个单独的filterToolbar，但仍然没有显示筛选器运算符。（我在现实生活中确实使用了JSON，本地的judt正在演示这个问题）。你确定你使用的是jqGrid的最新版本吗？看看它在工具栏中显示搜索操作。对我来说，它在Jqgrid 4.4.4中不起作用，在最新的Jqgrid 4.5中可以正常工作。2@Alex：

searchOperators:true

选项在jqGrid 4.4.4中无法工作，因为该功能是在4.5.0中引入的。

<table id="list451"><tr><td/></tr></table>
<div id="pager451"></div>