Search 已解决：当用户在单个搜索框中键入时，JqGrid客户端搜索（下面是工作网格）

我使用了其他成员答案中的解决方案和代码。谢谢他们的帮助。这是工作网格：

我对jqgrid非常陌生，我希望在用户输入时，在一个搜索框中对客户端进行过滤。我将从服务器获取一次数据，然后在本地进行筛选

Here is my jsfiddle ( I have took example from other questions)
     but it doesn't seem to be working . 

谁能给我指一下正确的方向吗

前两行定义列表的文本框和表格。下面是jqgrid的代码

            http://jsfiddle.net/2b1yta0j/5/

        <input type="text" name="a" id="searchText" value="test2"/>
        <table id="list"></table>

              var mydata = [
                        {id:"1",invdate:"2007-10-01",name:"aest",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"2",invdate:"2007-10-02",name:"best2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"3",invdate:"2007-09-01",name:"cest3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                        {id:"4",invdate:"2007-10-04",name:"dest",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"5",invdate:"2007-10-05",name:"eest2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"6",invdate:"2007-09-06",name:"fest3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                        {id:"7",invdate:"2007-10-04",name:"gest",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"8",invdate:"2007-10-03",name:"hest2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"9",invdate:"2007-09-01",name:"iest3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                        {id:"10",invdate:"2007-10-01",name:"jest",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"11",invdate:"2007-10-02",name:"xest2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"12",invdate:"2007-09-01",name:"yest3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                        {id:"13",invdate:"2007-10-04",name:"zest",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"14",invdate:"2007-10-05",name:"aest2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"15",invdate:"2007-09-06",name:"best3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                        {id:"16",invdate:"2007-10-04",name:"cest",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                        {id:"17",invdate:"2007-10-03",name:"dest2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                        {id:"18",invdate:"2007-09-01",name:"eest3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}
                    ];
                    var grid = $("#list");
                    grid.jqGrid({
                        data: mydata,
                        datatype: "local",
                        colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
                        colModel:[
                            {name:'id',index:'id', key: true, width:70, sorttype:"int"},
                            {name:'invdate',index:'invdate', width:90, sorttype:"date"},
                            {name:'name',index:'name', width:100},
                            {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"},
                            {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"},
                            {name:'total',index:'total', width:80,align:"right",sorttype:"float"},
                            {name:'note',index:'note', width:150, sortable:false}
                        ],
                        pager:'#pager',
                        rowNum: 10,
                        rowList: [5, 10, 20, 50],
                        sortname: 'id',
                        sortorder: 'asc',
                        viewrecords: true,
                        height: "100%",
                        caption: "Single search",
                        loadonce : "true"
                    });
                    grid.jqGrid('navGrid','#pager',{add:false,del:false,search:true,refresh:false});
                    $("#searchText").on('keypress',function(){
                       var text = $("#searchText").val();
                        var postdata = grid.jqGrid('getGridParam','postData');
                        $.extend(postdata,{filters:'',searchField: 'name', searchOper: 'bw', searchString: text});
                        grid.jqGrid('setGridParam', { search: text.length>0, postData: postdata });
                        grid.trigger("reloadGrid",[{page:1}]);

                });

http://jsfiddle.net/2b1yta0j/5/
var mydata=[
{id:“1”，投资日期：“2007-10-01”，名称：“aest”，注：“注”，金额：“200.00”，税款：“10.00”，总额：“210.00”}，
{id:“2”，invdate:“2007-10-02”，name:“best2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“3”，投资日期：“2007-09-01”，名称：“cest3”，注：“注3”，金额：“400.00”，税款：“30.00”，总额：“430.00”}，
{id:“4”，投资日期：“2007-10-04”，名称：“目的地”，注：“注”，金额：“200.00”，税款：“10.00”，总额：“210.00”}，
{id:“5”，投资日期：“2007-10-05”，名称：“eest2”，注：“注2”，金额：“300.00”，税款：“20.00”，总额：“320.00”}，
{id:“6”，投资日期：“2007-09-06”，名称：“fest3”，注：“注3”，金额：“400.00”，税款：“30.00”，总计：“430.00”}，
{id:“7”，投资日期：“2007-10-04”，名称：“gest”，注：“注”，金额：“200.00”，税款：“10.00”，总额：“210.00”}，
{id:“8”，投资日期：“2007-10-03”，名称：“hest2”，注：“注2”，金额：“300.00”，税款：“20.00”，总额：“320.00”}，
{id:“9”，投资日期：“2007-09-01”，名称：“iest3”，注：“注3”，金额：“400.00”，税款：“30.00”，总额：“430.00”}，
{id:“10”，invdate:“2007-10-01”，name:“jest”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“11”，invdate:“2007-10-02”，name:“xest2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“12”，invdate:“2007-09-01”，name:“yest3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“13”，invdate:“2007-10-04”，name:“zest”，note:“note”，amount:“200.00”，tax:“10.00”，total:“210.00”}，
{id:“14”，投资日期：“2007-10-05”，名称：“aest2”，注：“注2”，金额：“300.00”，税款：“20.00”，总计：“320.00”}，
{id:“15”，invdate:“2007-09-06”，name:“best3”，note3，amount:“400.00”，tax:“30.00”，total:“430.00”}，
{id:“16”，投资日期：“2007-10-04”，名称：“cest”，注：“注”，金额：“200.00”，税款：“10.00”，总额：“210.00”}，
{id:“17”，invdate:“2007-10-03”，name:“dest2”，note2，amount:“300.00”，tax:“20.00”，total:“320.00”}，
{id:“18”，投资日期：“2007-09-01”，名称：“eest3”，注：“注3”，金额：“400.00”，税款：“30.00”，总计：“430.00”}
];
风险值网格=$（“#列表”）；
grid.jqGrid({
数据：mydata，
数据类型：“本地”，
colname:['Inv No'，'Date'，'Client'，'Amount'，'Tax'，'Total'，'Notes'，]，
colModel：[
{name:'id'，index:'id'，key:true，width:70，sorttype:'int}，
{名称：'invdate'，索引：'invdate'，宽度：90，排序类型：“date”}，
{名称：'name'，索引：'name'，宽度：100}，
{名称：'amount'，索引：'amount'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'tax'，索引：'tax'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'total'，索引：'total'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'note'，索引：'note'，宽度：150，可排序：false}
],
寻呼机：“#寻呼机”，
rowNum:10，
行列表：[5,10,20,50]，
sortname:'id'，
排序器：“asc”，
viewrecords：是的，
高度：“100%”，
标题：“单一搜索”，
loadonce：“真的”
});
jqGrid（'navGrid'，'#pager'，{add:false，del:false，search:true，refresh:false}）；
$（“#searchText”）。在（'keypress'，function（）上{
var text=$（“#searchText”）.val（）；
var postdata=grid.jqGrid（'getGridParam'，'postdata'）；
$.extend（postdata，{filters:''，searchField:'name'，searchOper:'bw'，searchString:text}）；
jqGrid（'setGridParam'，{search:text.length>0，postData:postData}）；
触发器（“reloadGrid”，[{page:1}]）；
});

如果您使用Guriddo jqGrid，则有一种内置搜索方法，名为filterInput！我会试试Guriddo grid。这是一个不错的解决方案，但我需要在salesforce中使用它。这是解决上述问题的有效解决方案。我用了其他答案中的例子。