Как создать расширенную панель фильтров для компонента Grid в ExtJS 5

От меня требуется создать панель расширенного поиска / фильтрации для заданного компонента сетки (на ExtJS 5).

============================================

Поля поиска:

field1: текстовое поле field2: числовое поле field3: поле даты 4: lov

Сетка таблицы:

имя | возраст | дата | статус

Таким образом, поля фильтра будут фактически построены поверх полей, на которые ссылается сетка (в основном, зеркально отражают поля).

При вводе любого критерия и нажатии на поиск в панели полей поиска, хранилище сетки должно быть перезагружено новыми критериями. Это то, чем я хочу заниматься. Но я не смог найти ничего по этому поводу в документации extjs или каких-либо руководств / руководств на форумах.

Есть ли что-нибудь, что Extjs дает этому разработчику приложения (например, plug and play, с минимальной конфигурацией для указания полей и т. Д.). Если нет, есть какие-либо руководства / учебные пособия, которые я могу использовать для создания этого.

Ценю вашу помощь. Спасибо


extjs extjs5 extjs-grid
person optimusPrime    schedule 18.09.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Выполненная таким образом фильтрация - нетривиальная задача для реализации, поэтому ее нельзя объяснить в одном предложении или статье. В любом случае, посмотрите этот коммерческий плагин, он, вероятно, делает то, что вы хотите: http://extjs.eu/software/ext-grid-multisearch-plugin

person Saki    schedule 18.09.2014
comment
Спасибо, Саки. Я проверял этот плагин. Хотя функциональность соответствует (почти) моим требованиям, пользовательский интерфейс немного отличается (например: указание операнда критериев, например, «содержит», «равно», «начинается с» в качестве явного поля), а также необходимо сделать его настраиваемой средой выполнения ( хотя это уже могло быть возможно с помощью упомянутого плагина). Я по крайней мере хочу попробовать создать этот компонент (хотя поначалу это может быть проблемой), прежде чем я попытаюсь использовать коммерческий плагин. - person optimusPrime; 19.09.2014