jqGrid 搜索框 "greater than"和 "less than"缺失

Question

我怎样才能在搜索框中大于或小于？

以下是我的搜索代码:

{multipleSearch:true}

搜索框只显示这个


我需要为 jgGrid 设置一个设置以将字段日期识别为日期吗？似乎它被作为文本阅读。

下面是我的 colModel 日期

{name:'date', index:'date', width:90, editable:false, align:"center", editrules:{required:true}}

Answer 1

自在 jqGrid 中引入新的过滤器模块以来，您描述的行为就存在。默认行为有点过于复杂，无法在 the options of searching 中表的“默认”列中描述。 .

如果您查看 jqGrid 的源代码，您会发现以下 two lines :

numopts : ['eq','ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'],
stropts : ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni'],

所以如果你定义了 sopt searchoptions 中的属性(property)对于 jqGrid 的某些列，您将看到相应的比较操作。你可以设置默认

如果您要定义任何 sorttype默认值为 other 'string'数值选项将用作比较操作。仅适用于未定义 sorttype , 未定义 searchoptions.sopt和未定义的搜索选项 prmSearch的 navGrid您描述的行为将被使用。

所以你可以使用例如 navGrid在表格中

$('#grid').jqGrid('navGrid', '#pager',
    {refreshstate: 'current', add: false, edit: false, del: false}, {}, {}, {},
    {sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni']}
);

另一种可能性是定义 searchoptions.sopt直接用于“日期”列:

{name: 'date', index: 'date', width: 90, align: "center", editrules: {required: true},
    searchoptions: {sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge']}}

您可以根据内部数据的类型包括您希望对相应列进行的所有操作。

我真正建议你做的是使用 column templates .在我为客户开发的项目中，我在一个 JavaScript 文件中定义了该文件，我在所有页面中都包含了针对不同类型数据的不同模板。例如

var initDate = function (elem) {
        $(elem).datepicker({
            dateFormat: 'dd-M-yy',
            autoSize: true,
            changeYear: true,
            changeMonth: true,
            showButtonPanel: true,
            showWeek: true
        });
    },
    dateTemplate = {width: 80, align: 'center', sorttype: 'date',
        formatter: 'date', formatoptions: { newformat: 'm/d/Y' }, datefmt: 'm/d/Y',
        editoptions: {date: true, dataInit: initDate },
        searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'], dataInit: initDate }};

如果您定义了 dateTemplate变量，您可以像这样使用它

{name:'date', index:'date', editrules: {required: true}, template: dateTemplate }