Две сетки на одной странице Extjs 4

я использую это

Ext.define('Wifi.view.widget', {
    extend: 'Ext.grid.Panel',
    xtype: 'customerlist',
    selModel: {
        selType: 'cellmodel'
    },
    height: 380,
    width: 700,
    viewConfig: {
        stripeRows: true
    },
    initComponent: function() {
        Ext.apply(this, {
            // Each grid will create its own store now when it is initialized.
            store: Ext.create('Wifi.store.Customers'),
            plugins: Ext.create('Ext.grid.plugin.CellEditing'),
            columns:  [{
                text: 'Column Name', // Two line header! Test header height synchronization!
                locked   : false,
                width    : 200,
                sortable : false,
                dataIndex: 'columnName'
            },{
                text     : 'Display Name',
                width    : 200,
                sortable : true,

                dataIndex: 'displayName',
                editor: {
                    xtype: 'textfield'
                }
            },{  
                text     : 'Column Width',
                width    : 150,
                sortable : true,

                dataIndex: 'columnWidth',
                editor: {
                    xtype: 'numberfield'
                }
            },{
                text     : 'Column Type',
                width    : 100,
                sortable : true,

                dataIndex: 'columnType',
                editor: {
                    xtype: 'ColumnTypeCombo'
                }
            }]
        });

        this.callParent(arguments);
    }       
});

сетка на той же странице..

Ext.define('Wifi.view.ViewPortletConfig', {
    extend: 'Ext.container.Viewport',
    requires: ['Wifi.view.ViewDetailCombo'],
    initComponent: function() {
        var me = this;
        Ext.apply(me, {
            items: [
                {   
                    region: 'center',
                    layout:'column',
                    items : [
                        {
                            columnWidth: 1/2,
                            title: 'Table 1 Column Details',
                            border:true,
                            margin:'5 5 5 5',
                            items:[
                                {
                                    xtype : 'toolbar',
                                    height:35,
                                    width:700,
                                    border:true,
                                    frame:true,
                                    items: [ 
                                        '->',
                                        'Select Table: ',
                                        {    
                                            margin:'0 50 0 0',
                                            xtype     : 'ViewDetailCombo'
                                        }
                                    ]
                                },
                                {
                                    xtype : 'customerlist'
                                }
                            ]
                        },{
                            columnWidth: 1/2,
                            title: 'Table 2 Column Details',
                            border:true,
                            margin:'5 5 5 5',
                            items:[
                                {
                                    xtype : 'toolbar',
                                    height:35,
                                    width:700,
                                    border:true,
                                    frame:true,
                                    items: [ 
                                        '->',
                                        'Select Table: ',
                                        {
                                            margin:'0 50 0 0',
                                            xtype     : 'ViewDetailCombo'
                                        },
                                    ]
                                },
                                {xtype : 'customerlist'}
                            ]
                        }
                    ]
                }
            ]
        });

        me.callParent(arguments);
    }
});

Только первое хранилище сетки загружается при изменении полей со списком таблицы 1 и таблицы 2. Может ли кто-нибудь указать мне, в чем проблема. Заранее спасибо.


person Rakesh Goyal    schedule 04.07.2013    source источник
comment
Какой код для ViewDetailCombo?   -  person kevhender    schedule 05.07.2013


Ответы (1)


У вас неправильный псевдоним виджета. Это должно выглядеть так:

alias: 'widget.customerlist'

Не хтайп! Вы используете xtype: 'customerlist', как и в обеих колонках таблицы N, что является ссылкой на псевдоним виджета 'widget.customerlist'. Определение виджета необходимо изменить.

person radtad    schedule 11.07.2013