jqgrid пользовательский поиск по элементам ячейки html

Question

Я пытаюсь реализовать функцию пользовательского поиска для jqgrid, в которой он может искать ячейки таблицы с содержимым html. Пожалуйста, обратитесь ниже пример

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

В скрипкой есть две колонки, которые имеют Div элементов внутри ячейки таблицы «клиент» и «Примечания». Я использую html-ячейки, потому что мне нравится, что ячейки имеют стили, а некоторые ячейки - гиперссылки с привязными тегами. В этом примере я не изменил все ячейки столбцов, чтобы иметь html-контент, но фактическая сетка, которую я использую, имеет все ячейки в тегах html div. Я смог реализовать пользовательскую функцию сортировки, возвращая значение innerText для ячеек. Теперь я пытаюсь реализовать аналогичные функции для поиска, где функция поиска может проверять наличие текстового содержимого ячейки в соответствии с данными.

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

Edit: Использование 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; 
        } 

       } 
      } 
     },  

Edit: Обновлен скрипку ссылка & код, чтобы отразить усовершенствования Олега.