Question

我正在尝试为jqgrid实现自定义搜索功能，在该功能中，它可以搜索具有html内容的表格单元格。请参考以下示例

在小提琴中有两列在表格单元格'client'和'notes'中有div元素。我正在使用html单元格，因为我喜欢单元格有样式，有些单元格是带锚标记的超链接。在这个例子中，我没有改变所有列单元格以具有html内容，但我使用的实际网格具有html div标签中的所有单元格。我能够通过返回单元格的innerText值来实现自定义排序函数。我现在正在尝试实现类似的搜索功能，其中搜索功能可以检查单元格的文本内容以匹配数据。

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

编辑：使用jqgrid 4.7.0

Answer 1

根据Oleg的输入，我能够为我的问题创建解决方案。这需要改进高级搜索以及更好的性能，但它现在可以使用。

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

                }
           } 
        },

编辑：更新小提琴链接＆amp;代码反映了Oleg的改进。

jqgrid自定义搜索html单元格元素

1 个答案: