0

我有一个Window，当我点击一个按钮时，我会弹出打开它（作为一个pop up）。这是我的代码，它工作正常。

var w= Ext.widget('mywindow');
w.show();

现在，我有一个tab bar panel，当用户单击按钮时，我需要打开它（但是，不是作为弹出窗口）。它应该占据整个屏幕（替换以前的视图）。我该怎么做？

我的标签面板的定义

Ext.define('App.view.TabPanelClass', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.persontabpanel',
    .....

更新

launch: function() {   

        Ext.create('Ext.container.Viewport', {
            layout: 'card',
            items: [
            {
                xtype: 'panel', 
                items: { xtype: 'firstPanel' }

            },....
4

2 回答 2

0

您可以使用卡片布局将一个视图替换为另一个视图。或者，您可以创建一个具有最大化：真实配置的窗口。

于 2012-07-24T15:55:11.207 回答
0

解决此问题的正常方法是将选项卡面板放在视口中并为其提供一个layout: 'card'配置以覆盖任何其他视图，layout: 'fit'如果这是您在视口中拥有的唯一视图，则配置会更好。Windows 不是 ExtJS 视口的子项，因此窗口和选项卡面板将只是视口中的一项。

视口将保持其内容的大小以匹配浏览器窗口的大小，即使它被调整大小。在此处查看视口上的文档。

于 2012-07-24T15:55:29.067 回答