如何使jqGrid工具栏搜索在任何事件中寻找at,而不仅仅是开始

How to make the "jqGrid toolbar search" search for the at in any occurrence, not just the beginning

本文关键字:at 寻找 开始 不仅仅是 事件 jqGrid 何使 工具栏 搜索 任何      更新时间:2023-09-26

我已经实现了一个启用了工具栏搜索的jqGrid。问题是搜索的工作方式类似于'%search_criteria'(只从开始匹配)但我需要它像'%search_criteria%'(任何出现在列值)。

e。g:网格有一个列"Class",它的值是:Math-101和Math-102如果搜索:"101" ==>得到零匹配。我必须搜索整个单词"Math-101"

我看到了一个像我一样工作的例子,它和我的网格没有什么不同,我不知道它是如何在下面的例子中工作的,而不是我的!!示例:http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithSearchingToolbar.htm

我的网格:

var data = [[1, "Math-101", "OC", "INTEL", "09-02-15", "09-30-15", "A", 120, "General", 200]]
$("#grid").jqGrid({
                    datatype: "local",
                    height: 200,
                    colNames:['#','Class','Loc','Type','Start Dt','End Dt','Section','Dur','Gen/Priv','Fee'],
                    colModel: [
                    {name: 'scheduleID',    index: 'scheduleID',  width: 30},
                    {name: 'className',     index: 'className',   width: 60},
                    {name: 'Location',      index: 'Location',    width: 60},
                    {name: 'classType',     index: 'classType',   width: 60},
                    {name: 'startDt',       index: 'startDt',     width: 60,  sorttype: "date",
                    searchoptions:{dataInit:function(el){$(el).datepicker({dateFormat:'yy-mm-dd'});} }},
                    {name: 'endDt',         index: 'endDt',       width: 60,  sorttype: "date",
                    searchoptions:{dataInit:function(el){$(el).datepicker({dateFormat:'yy-mm-dd'});} }},
                    {name: 'section',       index: 'section',     width: 60},
                    {name: 'duration',      index: 'duration',    width: 60},
                    {name: 'scheduleType',  index: 'scheduleType',width: 60},
                    {name: 'Fee',           index: 'Fee',         width: 60, formatter:'number', align:'right'}
                    ],
                    pager: '#pager',
                    rowNum: 10,
                    rowList: [10, 20, 30],
                    rownumbers: true,
                    sortname: "Class",
                    sortorder: "desc",
                    viewrecords: true,
                    gridview: true,
                    ignoreCase: true,
                    autoencode: true,
                    autowidth: true,
                    ExpandColClick: true,
                    caption: "Schedule List"
            });
                    var names = ['scheduleID', 'className', 'Location', 'classType', 'startDt', 'endDt', 'Section', 'duration', 'scheduleType', 'Fee', 'CEU', 'Status', 'IFee', 'TCost', 'FCost', 'MCost', 'OMCost'];
                    var mydata = [];
                    for (var i = 0; i < data.length; i++) {
            mydata[i] = {};
                    for (var j = 0; j < data[i].length; j++) {
            mydata[i][names[j]] = data[i][j];
            }
            }
            for (var i = 0; i <= mydata.length; i++) {
            $("#grid").jqGrid('addRowData', i + 1, mydata[i]);
            }
            
        $("#grid").jqGrid('filterToolbar', { stringResult: true, searchOperators: false, searchOnEnter: false, autosearch: true, defaulySearch: "cn" });
        

应将defaulySearch: "cn"替换为defaultSearch: "cn"。它应该解决主要的搜索问题。你应该考虑使用jqGrid的ignoreCase: true选项来强制jqGrid使用不区分大小写的搜索。

另外,我强烈建议不要在循环中使用addRowData来填充jqGrid。相反,您应该在创建网格之前移动填充网格数据mydata 的代码,并仅使用选项data: mydata。它将创建带有填充数据的数据。将显示排序数据的第一页。jqGrid将在数据显示之前对其进行排序。

小附加说明:您应该将sortname: "Class"修复为sortname: "className"。我建议您从colModel中删除所有index值。您可以考虑使用cmTemplate: { width: 60 }选项(参见答案),它将colModel中的属性width的默认值从150更改为60。之后,您可以从colModel中删除所有width: 60。我建议将sorttype: 'number'添加到使用formatter:'number'的列中。它将修复列中的排序。您可以考虑为包含日期的两列定义template(参见答案)。