Question

我在ExtJS中创建了一个具有多个布局（西，中，北）的视口。其中一个是我添加了点击处理程序的网格。此单击应该在其中一个布局中打开HTML或PHP文件，但我不确定如何从西部的单击处理程序访问中心的项目。

 Ext.create('Ext.Viewport', {
        layout: {
            type: 'border',
            padding: 5
        },
        defaults: {
            split: true
        },
        items: [{
            region: 'north',
            border:false,
            collapsible: false,
            resizable:false,
            title: 'North',
            split: true,
            height: 30,
            html: 'north'
        },{
            region: 'west',
            collapsible: true,
            title: 'Navigation',
            split: true,
            width: '10%',
            xtype: 'gridpanel',
            itemid:'projectgrid',
            hideHeaders: true,
            columns: [{header: 'NID', dataIndex: 'NavName', flex: 1}],
            store: navStore,
            listeners: {
                itemclick: function(dv, record, item, index, e) {
                    alert(record.get('NavPage'));
                }
            }

        },{
            region: 'center',
            layout: 'border',
            border: false,
            id: 'renderArea',
            items: [{
                region: 'center',
                html: 'center center',
                title: 'Center',
                items: [cw = Ext.create('Ext.Window', {
                    xtype: 'window',
                    closable: false,
                    minimizable: true,
                    title: 'Constrained Window',
                    height: 200,
                    width: 400,
                    constrain: true,
                    html: 'I am in a Container',
                    itemId: 'center-window',
                    minimize: function() {
                        this.floatParent.down('button#toggleCw').toggle();
                    }
                })]
            }]
        }]
    });

Answer 1

如果您为要foo的itemId提供组件，则可以执行以下操作：向上导航到视口，然后向下查找相应的视口子项。

dv.up('viewport').down('#foo')

ExtJS视口访问另一个项目的一个项目

1 个答案: