Сетка 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

Делая это, он удалит заголовок сетки

Попробуй удалить title:'' из конфига аккордеона.

Другие вопросы по тегам