关于ext portal 不能全屏填充的问题

问题描述

如上图所示  portal不能全屏显示  必须设置 高度和宽度  如果不设置则 不显示  麻烦各位看看 是什么问题  谢谢       问题补充:忘记 贴代码了 不知道 这样能看清楚不 Ext.onReady(function () { divo.admin.portal.MainPanel = Ext.extend(Ext.Panel, { initComponent: function () { this.portId = 'admin-portal' this.portalMgr = new divo.admin.portal.PortalManager(this.portId) Ext.apply(this, { layout: 'border', border: false, height:700, items: [{ region: 'center', layout: 'fit', autoScroll: true, border:false, tbar: this.portalMgr.getTbar(), items: [{ xtype: 'statefulportal', id: this.portId, items: [{ columnWidth: .25, style: 'padding:10px 0 10px 10px' }, { columnWidth: .25, style: 'padding:10px 0 10px 10px' }, { columnWidth: .25, style: 'padding:10px 0 10px 10px' }, { columnWidth: .25, style: 'padding:10px 0 10px 10px' }] }] }] }) divo.admin.portal.MainPanel.superclass.initComponent.call(this) }, initPortal: function () { this.portalState = new Ext.ux.PortalState() this.portalState.init(this.portId, this.myId("state")) this.portalMgr.init(this.portId, this.portalState) Ext.ComponentMgr.get(this.portId).on("drop", function () { this.portalState.save() }, this) } }) /*-------------- main --------------------*/ var mp = new divo.admin.portal.MainPanel({ id: 'admin-portal' }) mp.initPortal() mp.render("container") })

解决方案

首先,divo.admin.portal.MainPanel = Ext.extend(Ext.Panel, { 你的这部分表明你定义的是一个Panel组件,mp.render("container") 渲染到div容器的时候需要指定width,height如果你要全屏,应该定义一个viewport,然后把你的panel放到里面即可具体的你可以参考下ext包的examples/portal中的实现

时间: 2024-10-02 17:49:38

关于ext portal 不能全屏填充的问题的相关文章

gridlayout布局计算器,怎么能让按钮填充全屏

问题描述 gridlayout布局计算器,怎么能让按钮填充全屏 代码如下 <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:columnCount="4" android

全屏flash的尺寸分析

随着现在宽屏显示器的流行,Flash的全屏模式下,越来越需要考虑到普屏显示器与宽屏显示器的差别. Flash全屏模式有以下特点: 1.窗口最大化,且置顶显示; 2.在默认(flash内容自动缩放)状态下,swf文件保持长宽比进行缩放,直到宽.高有其一先达到屏幕尺寸. 3.当屏幕长宽比与swf文件长宽比不同时,将显示flash舞台区域外内容. 根据这些特性,我们制作的flash在全屏播放时有以下效果:由于生成的swf文件的长宽比固定,但客户端显示器分辨率多种多样,势必导致flash舞台区域外内容会

ext portal 按钮问题

问题描述 如图所示  ext portal 里门户窗口上面的按钮 是怎么控制的  我现在不想要  那个收缩的按钮  不知道为什么 一收缩  保存收缩状态  下次 整个portal都就不加载了  清除cookie后 才好了  (布局保存在cookie里)  现在帮忙看看  怎么去掉 收缩那个按钮  谢谢  分不多了 请见谅 解决方案 { xtype: 'statefulportal', id: this.portId, items: [{ columnWidth: .25, style: 'pad

禁止iPhone Safari video标签视频自动全屏的办法_IOS

最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签). 如: 复制代码 代码如下: <video id="post" autoplay loop preload="auto"> <source src="foo.mp4" type="video/mp4"> </video> 在iPhone safari 点击视频会弹出播放器进行

winform中窗体最大化时 如何使窗体中内容也相应的全屏

问题描述 请教大家,winform中窗体最大化时如何使窗体中内容也相应的全屏? 解决方案 解决方案二:设置控件的Anchor属性或Dock属性解决方案三:这个很麻烦,不好处理,我也曾经尝试着根据窗体大小的比例,来改变组件的位置,失败了,老师也没有办法,解决方案四:引用1楼ojlovecd的回复: 设置控件的Anchor属性或Dock属性 正解解决方案五:引用3楼freeboy827的回复: 引用1楼ojlovecd的回复:设置控件的Anchor属性或Dock属性正解 但是界面不一定会好看了解决方

css3背景图片全屏显示的例子

如何用css背景图片拉伸 以及100% 满屏显示呢?这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单. 比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在css2.1之前是不能被修改的. 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性.就是用来控制背景图片的显示的.所以一般用作背景图片的有2类: 1.是一整张大图,尺寸和区域大小刚好吻合 2.一个很小的条状图,通过repeat后,形

Windows 7/8电脑玩游戏不能全屏?

小易提醒:如果要强行拉伸则需要显卡驱动程序的支持.显卡驱动程序可以强行破坏长宽比例,对屏幕进行填充.若您确定要破坏显示比例,全屏显示的话,请升级显卡驱动,然后在显卡控制台中进行设置.具体设置步骤会因显卡不同而有所差异,您可以联系显卡厂商进行设置.  方法一:更改显卡设置 更新到最新的显卡驱动. 打开开始菜单,右键"计算机",选择"管理". 收起这个图片展开这个图片   打开"设备管理器"-〉"显示适配器"-〉"XX显

Android全屏设置的方法总结

Android 有两种方式可以设置全屏. 第一种方式:在protected void onCreate(Bundle savedInstanceState) 里面的this.setContentView() 之前加入以下代码 //取消标题 this.requestWindowFeature(Window.FEATURE_NO_TITLE); //取消状态栏 this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

css-如何让页面指定的元素全屏??

问题描述 如何让页面指定的元素全屏?? 比如,一个页面里的某一个div,或者其它,能占据整个的可见范围 解决方案 lightbox效果? <!DOCTYPE html PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN"" ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd""><style>.m