0

在此处输入图像描述

如图所示，我有一个“隐藏”按钮。单击“隐藏”按钮时，我希望隐藏左侧面板，而右侧面板覆盖 100% 的屏幕。这样做时，“隐藏”按钮将更改以显示面板返回到其原始位置的位置。

为了做同样的事情

xtype:'toolbar',
            docked:'top',
            items:[
                {
                    cls:'hide',
                    xtype:'button',
                    text:"Hide",
                    iconMask:true,
                    ui:'back',
                    id:'hide',
                    handler:function () {

                        var viewWidth = Ext.Viewport.getWindowWidth();
                        alert(viewWidth);
                        desiredWidth = Math.min(viewWidth, 400) - 10;
                        Ext.fly('protocol').setStyle('width', desiredWidth); ;

                    }
                },

我尝试使用上面的代码动态更改面板的宽度，但 Ext.fly 似乎不起作用。有什么办法可以解决这个问题？

任何帮助表示赞赏。

4

2 回答 2

0

Ext.getCmp('workItemPanel').hide();

对我来说效果很好。

于 2012-04-26T09:38:56.293 回答
0

左侧面板的亮点将不胜感激。

但是，仅查看您的图像，我就在这里做出假设。如果您要隐藏的只是包含以下内容的左侧面板

我对左面板的假设

那么也许，您可以做的是在例如“DIV”html标签中声明LEFT和RIGHT面板之后执行jQuery切换。请参阅下面的链接。

用于切换的 jQuery API

此外，如果您使用 Javascript 库或工具来构建它，那么您可能想要获取 Javascript 的源代码并深入研究它。

根据我的经验，自己编写 Javascript 函数比使用现成的东西要容易得多。

于 2012-04-26T03:36:11.810 回答