面板收缩问题。求指点

[yangz2517]

面板展开的时候面板里面的图片是全展开的。。

但是当下面的面板展开的时候 图片的下面一半看不见了。。

有什么方法控制么。让下面面板展开的时候 上面的图片也跟着面板而变化？

[豆虫]

告警列表哪来的？
估计是把你的视频区的panel给撑了
你是不是panel设了autoHeight了 设个固定高度

[yangz2517]

告警列表也是一个panle 我没有设置autoheight 啊。。

视频列表是一个大的panel 我在这个panel 里面放了2个panel 一个放了视频 还一个就是告警的panel

我只是把视频的那个title 隐藏了。。用 最外面的那个panel 显示的

[东方2009]

贴出你的代码

[yangz2517]

Ext.onReady(function() {
			var panelNo1 = new Ext.Panel({
						region:"west",
						layout:"border",
				        collapsible: true,
				        xtype: 'panel',
				        title: '导航栏',
				        width:'15%',
				        autoScroll: false,
				        items:[{
				         region:"center",
				        collapsible: true,
				        header :false,
				        xtype: 'panel',
				        title: '资源',
				        height:220,
				        autoScroll: true,
				        items:[getTree()]    
				        },{
				       ///	layout:"border",
				        region:"south",
				        collapsible: true,
				        xtype: 'panel',
				        title: '云台控制',
				        autoScroll: true,
				        contentEl:'sidebar01'
				        }]
					});
			var panelNo2=new Ext.Panel({
						layout:'border',
				        region: 'center',
				        autoScroll: true,
						items:[{
				        title: '视频区域',
				        region: 'center',
				        //anchor : '95%',
				        xtype: 'panel',
				        autoScroll: false,
				        contentEl: 'sidebar02'
				     },{
				     	collapsed:false,
				     	frame :false,
				        region: 'south',
				        xtype: 'panel',
				        collapsible: true,
				        autoScroll: false,
				        title:'告警列表',
				        height:200,
				        collapsed:true
				        ///items:[getPanel()]
						}]
			});
			var v = new Ext.Viewport({
						layout : 'border',
						items : [panelNo1, panelNo2]
					});
		    
		})

这个是代码。。下面还有一段。。

	Ext.onReady(function(){

    	Ext.QuickTips.init();
    
    	new Ext.Viewport({
		    layout:'border',
		    width:1024,
		    items: [
		    	new Ext.BoxComponent({ 
	                region:'north',
	                el: 'header',
	                height:69
	         }), {
		        region: 'center',
		        xtype: 'tabpanel',
		        width:820,
		        autoScroll: true,
		        activeTab: 0,
		        items: [{
		        	id:'spll',
		            title: '视频浏览',
		            autoScroll: true,
		           	html : '<iframe id="spll" src="afpt/video.jsp" name = "lxrgl" width="100%" height="100%" scrolling="yes"></iframe>',
		           	listeners:{ 'activate':function(){}}
		        },{
		        	id:'spll1',
		            title: '工作面板',
		            autoScroll: true,
		           	html : '<iframe id="spll1" src="afpt/temp.jsp" name = "lxrgl1" width="100%" height="100%" scrolling="yes"></iframe>',
		           	listeners:{ 'activate':function(){}}
		        },{
		        	id:'spll2',
		            title: '三维窗口',
		            autoScroll: true,
		           	html : '<iframe id="spll2" src="afpt/temp2.jsp" name = "lxrgl2" width="100%" height="100%" scrolling="yes"></iframe>',
		           	listeners:{ 'activate':function(){}}
		        }
		         <s:property value="#session.Session_UserMenu" escape="false"/>
		         ]
		    }]
		});
    	
    })

这个是index.jsp的代码 视频浏览那个video.jsp页面 就是我视频的页面 最上面的那个布局代码也就是在那个页面引用的

[yangz2517]

难道没人指点么。。那个视频区域里面放的是一个层 层里面引用了 一个<object></object>