Сетка ext.js внутри аккордеона: как установить заголовок сетки для аккордеона
Я пытаюсь создать сетку внутри панели аккордеона. Дело в том, что у сетки уже есть заголовок, поэтому я получаю 2 заголовка, один под другим. Я собираюсь добавить в заголовок кнопки сортировки и фильтр поиска. Я просто не знаю, кого мне скрывать и как...
И я новичок в js и ext.js. Используя ext.js 4.2.2:
contactListView.js:
Ext.define( 'AcWeb.view.ContactListView',
{
extend: 'Ext.grid.Panel',
xtype: 'contact-list-view',
requires: [
'Ext.grid.feature.Grouping'
],
collapsible: true,
iconCls: 'icon-grid',
frame: false,
resizable: false,
initComponent: function()
{
this.store = new AcWeb.store.ContactList();
this.columns = [
{
text : 'Contact List',
width : '100%',
sortable : true,
flex : 1,
dataIndex: 'userName'
}];
this.callParent();
},
});
Контейнер-гармошка - westview.js:
Ext.define('AcWeb.view.WestView', {
extend: 'Ext.panel.Panel',
requires: [
'Ext.layout.container.Accordion',
'AcWeb.view.ContactListView'
],
xtype: 'west-view',
layout: 'accordion',
title: '',
defaults: {
bodyPadding: 10
},
initComponent: function() {
Ext.apply(this, {
items: [
{
// preventHeader: true,
// html: 'david'
//hidden: true ,
// title: 'Accordion Item 3',
xtype: 'contact-list-view'
}, {
title: 'Accordion Item 3',
html: 'moshe'
}, {
title: 'Accordion Item 4',
html: 'david'
}, {
title: 'Accordion Item 5',
html: 'davidmoshe'
}]
});
this.callParent();
}
});
3 ответа
Решение
Это было просто...
Чтобы скрыть заголовки, просто добавьте:
hideHeaders: true
Работает как шарм:)
Я бы предложил удалить свойство "title" из сетки.
title: 'some title' //remove this
Делая это, он удалит заголовок сетки