Добавление строки заголовка фильтра в ExtJS GridPanel

Question

Я знаю, что можно добавить строку фильтра под заголовком столбца, потому что я видел это с Coolite. Но поскольку я новичок в Sencha (ExtJS), мне трудно найти, как это сделать с ExtJS.grid.GridPanel непосредственно в скрипте. Не могли бы вы указать мне в правильном направлении с некоторыми примерами?

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

Спасибо!

Answer 1

Здесь у вас есть ссылка на GridHeaderFilters Плагин. Там у вас есть простой пример того, как его использовать.

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

И как последнее примечание, если вы ожидаете такого же поведения, как в this coolite example, я думаю, вам не повезло. Потому что если вы получите исходный код javascript этого примера и запустите его через jsbeautifier, вы увидите, что этот пример не использует какой-либо плагин ExtJS и не является простым кодом, так как используется очень сложный шаблон для заголовков.