面板收缩问题。求指点

Question

面板展开的时候面板里面的图片是全展开的。。但是当下面的面板展开的时候 图片的下面一半看不见了。。有什么方法控制么。让下面面板展开的时候 上面的图片也跟着面板而变化？

Answer 1

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

Answer 2

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

Answer 3

告警列表也是一个panle 我没有设置autoheight 啊。。视频列表是一个大的panel  我在这个panel 里面放了2个panel 一个放了视频  还一个就是告警的panel 我只是把视频的那个title 隐藏了。。用  最外面的那个panel 显示的

Answer 4

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页面 就是我视频的页面  最上面的那个布局代码也就是在那个页面引用的