jqGrid过滤器或按日期搜索不起作用客户端

Question

我有一个 ASP.NET MVC 3 页面。在它上面，我有一个表，我使用来自 ajax 调用的 JSON 数据将它变成了一个 jqGrid。网格具有以下设置：

myGrid = $('#myGrid');
myGrid.jqGrid({
    caption: 'My Grid',
    datatype: 'local',
    data: data.rows,
    height: 250,
    pager: '#myPager',
    viewrecords: true,
    colModel: [
        ...,
        {
            label: 'blah',
            name: 'blah',
            align: 'left',
            sortable: true,
            editable: false,
            width: 85,
            formatter: 'date',
            sorttype: 'date',
            datefmt: 'm/d/Y',
            formatoptions: { srcformat: 'm/d/Y', newformat: 'm/d/Y' }
        },
        ...
    ]
});

// turn on filter toolbar
myGrid.filterToolbar();

data.rows 从 ajax 调用返回。这适用于除一种以外的所有方式。我可以对客户端进行分页，对客户端进行排序，并按除显示 colModel 的字段之外的每个字段进行搜索。这个“blah”字段是一个日期字段，它以 mm/dd/yyyy 格式正确显示日期。但是，当我在工具栏中输入 11/17/2010 之类的内容并按 Enter 键时，搜索返回 0 条记录。

所以我深入研究了 jqGrid 代码，下面是它在搜索之前生成的内容：

{"groupOp":"AND","rules":[{"field":"blah","op":"bw","data":"11/17/2010"}]}

最终，当它遍历每一行并评估字段上的操作时，eval(m) && p.push(this) 行，m 是这样的：

(String(this.blah).substr(0,10) == String("11/17/2010"))

基本上，在我看来，它没有识别出该字段是一个日期。它调用 parse 而不是 parseDate。有人知道如何解决这个问题吗？我知道搜索服务器端很容易，我可以传递那个字符串，解析它，然后 bam。但如果可以的话，我想留在客户端。我能够在 Oleg 和 Tom 提出的一些示例中复制这一点，所以这要么是一个问题，要么是我在配置中遗漏了一些东西......

Answer 1

我觉得你的问题很有趣，所以我对你的问题 +1。因为你发了这条线

(String(this.blah).substr(0,10) == String("11/17/2010"))

用在eval 本地搜索期间我想你花了很多时间来了解本地搜索是如何实现的。因为您看到上面的行（请参阅(String(this.blah).substr(0,10) ...）不是应该做的（String(this.blah) 的值将是“2010-11-17”而不是“11/17/2010”），您可以覆盖jqGrid的对应函数（$.jgrid.from里面的函数_getStr）并解决问题。

前段时间我花了很多时间准备了相应的the demo，它演示了这种技术。演示准备为the answer in trirand forum。在问题中，如果要搜索'benevise'，则希望找到类似'bénevise' 的字符串。所以必须实现真正自定义的本地搜索。我希望这些信息足以让您解决您描述的问题。

更新：在我看来，我找到了一个更简单的解决方法。您应该为包含数据的'blah' 列定义searchoptions: {sopt: ['eq','ne']}。然后"bw"（开头）将不用于该列。 “等于”和“不等于”操作在本地搜索中正常工作。

更新 2：Here 是我使用 sopt 选项的工作示例。