Как заполнить значения на основе текстового поля поиска в JQGrid

Question

Мне нужно показать свою сетку на основе значения, введенного пользователем в текстовое поле.

В моем HTML, я дал сетку

<table id="grid"></table>

Вот скрипка на этом.

В настоящее время он показывает нулевое значение в моей сетке. Я сделал что-то не так в моем коде. Может кто-нибудь подсказать мне, что нужно сделать?

Спасибо,

Answer 1

Вот рабочая скрипка.

---

Во-первых, класс .indexcolumn получал неправильные значения.

Изменить:

var t = $('#grid td:nth-child(2)').text().toLowerCase();

в

var t = $(this).children('td:nth-child(2)').text().toLowerCase();

---

Во-вторых, вы должны искать на основе имени сотрудника, а не .indexcolumn, который содержит идентификатор.

Изменить:

$("#grid tr:visible .indexColumn:not(:contains('"+ this + "'))").parent().hide();

в

$("#grid tr:visible td[aria-describedby='grid_emp_name']:not(:contains('"+ s + "'))").parent().hide();

---

В-третьих, я удалил логику разделения введенного значения, contains() работает отлично.