Question

我已经实现了一个启用了工具栏搜索的jqGrid。问题是搜索工作类似于＆＃39;％search_criteria＆＃39; （仅从头开始匹配）但我需要它像＆＃39;％search_criteria％＆＃39; （列值中出现任何内容）。

例如：网格有一列＆＃34; Class＆＃34;值：Math-101和Math-102 如果搜索：＆＃34; 101＆＃34; ==＆GT;获得零匹配。我必须搜索整个单词＆＃34; Math-101＆＃34;。

我看到了一个像我一样工作的例子，它与我的网格没什么不同，我不知道它是如何处理下面的例子而不是我的！例如：http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithSearchingToolbar.htm

我的网格：

＆＃13;

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

＆＃13;

感谢您的帮助。

Answer 1

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

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

小的附加说明：您应该将sortname: "Class"修改为sortname: "className"。我建议您从index中删除所有colModel值。您可以考虑使用cmTemplate: { width: 60 }选项（请参阅the answer），将width中属性colModel的默认值从150更改为60.之后您可以删除所有{来自width: 60的{1}}。我建议您将colModel添加到使用sorttype: 'number'的列中。它将修复列中的排序。您可以考虑为包含日期的两列定义formatter:'number'（请参阅the answer）。

如何使＆＃34; jqGrid工具栏搜索＆＃34;在任何事件中搜索at，而不仅仅是开头

1 个答案: