Как выделить искомую строку

Question

Я реализовал gridpanel, используя Extjs, который показывает содержимое базы данных. В текстовом поле мы можем написать ключевое слово, которое отправляется и используется для извлечения информации из базы данных.

Мой вопрос: Как сделать, чтобы выделить ключевое слово в результате в gridpanel? Я не хочу выделять всю строку, только ключевое слово.

/ Привет.

Answer 1

Как вы реализовали функцию поиска?Вы выполняете это на сервере или вы просто фильтруете свой магазин в javascript?

Если вы делаете это удаленно, вам будет намного проще просто выделить строки в коде вашего сервера (обернуть <span class="highlight">вокруг строки поиска, например).

Если вы делаете это в ExtJS, вам придется заново визуализировать все столбцы сетки, которые могут содержать слова, которые вы искали.Это будет намного сложнее.

Answer 2

Если вы хотите выделить всю строку, которая соответствует, вы можете попробовать переопределить метод getRowClass GridView:

viewConfig: {
        forceFit: true,

//      Return CSS class to apply to rows depending upon data values
        getRowClass: function(record, index) {
            var c = record.get('change'); //or loop through all record fields
            if (c.match(...get search string in here...)) {
                return 'highlight';
            } 
        }
    }

Если вы хотите выделить саму ячейку, вам нужно будет перебрать все записи и их поля при загрузке магазина, получить ячейку сетки с помощью getCell и применить к этому кассету