2013-03-27 4 views
1

Я реализовал сетчатые фильтры в Extjs 3.4, но теперь я переношу на extjs 4.1. Может ли кто-нибудь показать мне, как реализовать фильтры сетки в extjs 4.1?Как добавить заголовок фильтра в каждый столбец сетки extjs 4.1

(Как новый пользователь, я не могу загрузить изображение, чтобы показать пример)

ответ

0

Лучший способ - определить компонент столбца.

Ext.define('Ext.ux.grid.MyColumn',{ 

extend: 'Ext.grid.column.Column', 

alias: 'widget.mycolumn', 

childEls: [ 
    'headerEl', 'titleEl', 'filterEl', 'triggerEl', 'headerTextEl', 'filterTextEl' 
], 

renderTpl: 
    'change it , and make your own TPL', 

initComponent: function() { 
// change or declare new data if you want. 
// me.callParent(arguments); 
// I have modified lot. so, I skip initComponent of Ext.grid.column.column 
me.superclass.superclass.initComponent.call(this); // directly call parents parent class. 
} 

}); 


USAGE : 
columns: [ 
    { 
     xtype: 'mycolumn', 
     itemId: 'sfsfsfsfsf', text: 'My filter column' 
    } 
] 
1

Пожалуйста, обратитесь следующую ссылку.

http://www.sencha.com/forum/showthread.php?150918-Grid-Header-Filters

Второй вариант фильтр в меню, и это доступно в ExtJS 4.1 примеров.

http://docs.sencha.com/extjs/4.1.3/#!/example/grid-filtering/grid-filter-local.html

Третий вариант фильтра строк.

http://www.sencha.com/forum/showthread.php?128154-FilterRow-for-Ext-JS-4-Grids

Один из них ссылки будет направлять вас на правильный путь.

С уважением.

+0

Спасибо, что ответили, но я еще не знаю ответа. – user2135671

+0

Пожалуйста, не используйте ответы для общения с плакатом. Используйте * Комментарии * для этого .. – Rob

+0

ok Rob. В следующий раз я позабочусь. Благодарю. –

Смежные вопросы