javascript - jqgrid对html单元格元素的自定义搜索

Question

我正在尝试为 jqgrid 实现一个自定义搜索功能，它可以在其中搜索具有 html 内容的表格单元格。请引用下面的例子

https://jsfiddle.net/ukyde000/1/

在 fiddle 中，有两列在表格单元格“client”和“notes”内有 div 元素。我使用 html 单元格是因为我喜欢单元格具有样式，并且某些单元格是带有 anchor 标记的超链接。在此示例中，我没有更改所有列单元格以包含 html 内容，但我使用的实际网格包含 html div 标签中的所有单元格。我能够通过返回单元格的内部文本值来实现自定义排序功能。我现在正在尝试实现类似的搜索功能，其中搜索功能可以检查单元格的文本内容以匹配数据。

<td><div><span>text/number/date</span></div></td>
sorttype: funtion(cell) { return $(cell)[0].innerText;}

编辑:使用jqgrid 4.7.0

Answer 1

根据奥列格的输入，我能够为我的问题创建一个解决方案。这需要改进高级搜索和更好的性能，但目前有效。

https://jsfiddle.net/OlegKi/ukyde000/11/

customSortOperations: {
     nIn: {
          operand: "nIN",
          text: "equals",
          filter: function (options) {
                    var searchKey = options.searchValue;
                    var searchCol = options.cmName;
                    var searchText = options.item[searchCol];
                    searchText = $.jgrid.stripHtml(searchText);
                    if ( searchKey ===  searchText){
                        return true;
                    }

                }
           } 
        },    

编辑:更新了 fiddle 链接和代码以反射(reflect) Oleg 的改进。