0

我在 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();
                    }
                })]
            }]
        }]
    });
4

1 回答 1

1

如果您为要访问的组件提供 itemId foo,您可以执行类似的操作,向上导航到视口,然后向下导航以找到合适的视口子项。

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

于 2013-03-14T07:07:36.910 回答