问题描述
Ext.BLANK_IMAGE_URL ='extjs3.3/ext-3.3.1/resources/images/default/s.gif'; Ext.onReady(function(){ var panel = new Ext.Panel({ layout :'table', header : true, hideBorders : true, collapsible : true, shadow : true, floating : false, frame : true, draggable : true, layoutConfig :{ columns : 4 }, frame:true, height : 538, defaults : { frame :true, height : 200, hideBorders : true, style : 'margin-right:5px', // collapsible : true,//允许展开和收缩 shadow : true, floating : false, frame : true, draggable : true }, items: [ { title:'子面板一', colspan : 3, //设置跨列 width : 500, height : 300 }, { title:'子面板二', rowspan :2, //设置跨行 height : 500, width : 382 }, {title:'子面板三'}, {title:'子面板四'}, {title:'子面板五'} ] }) var viewport=new Ext.Viewport({ autoHeight: true, border: true, margins: '0 0 0 0', items:[ { region:'north', html:'<OBJECT WIDTH="1000" HEIGHT="220"><PARAM NAME=movie VALUE="index1.swf"><EMBED src="index1.swf" WIDTH="1000" HEIGHT="220" NAME="2" ALIGN="center"></EMBED></OBJECT> ' } ,{ region:'center', xtype : 'panel', items : [panel] } ] });}) 问题补充：我说的是浏览器右边的滚动条啊。下边的东西都看不见了。
解决方案
我测试了下 viewport总体是不会出现滚动条的··因为它填充总个页面·你现在是center部分内容多了所以只能在性爱center部分出现滚动条··不知道是不是你想要的 我改了下可以的var viewport=new Ext.Viewport({ autoHeight: true, border: true, margins: '0 0 0 0', items:[ { region:'north', autoHeight: true, html:'<OBJECT WIDTH="1000" HEIGHT="220"><PARAM NAME=movie VALUE="index1.swf"><EMBED src="index1.swf" WIDTH="1000" HEIGHT="220" NAME="2" ALIGN="center"></EMBED></OBJECT> ' } ,{ region:'center', [color=red]autoScroll:true,//加上这啊 [/color] xtype : 'panel', items : [panel] } ] }); })
解决方案二：
new Ext.Viewport({ });是填充总个页面·· 你是说 Viewport还有东西看不见？那是那些东西看不到啊？？？
解决方案三：
贴完整的页面代码·晕啊
解决方案四：
var viewport=new Ext.Viewport({ autoHeight: true, border: true, margins: '0 0 0 0', items:[ { //是不是这个north的东西多了。没有垂直滚动条？ region:'north', autoHeight: true, html:'<OBJECT WIDTH="1000" HEIGHT="220"><PARAM NAME=movie VALUE="index1.swf"><EMBED src="index1.swf" WIDTH="1000" HEIGHT="220" NAME="2" ALIGN="center"></EMBED></OBJECT> ' } ,{ region:'center', xtype : 'panel', items : [panel] } ] }); })
解决方案五：
如果还不行var viewport=new Ext.Viewport({ [color=red] autoHeight: true, //这个去掉啊···[/color]
解决方案六：
{ region:'north', [color=red]autoHeight: true, [/color]autoScroll:true,//加上这啊 html:'<OBJECT WIDTH="1000" HEIGHT="220"><PARAM NAME=movie VALUE="index1.swf"><EMBED src="index1.swf" WIDTH="1000" HEIGHT="220" NAME="2" ALIGN="center"></EMBED></OBJECT> ' } 试试
解决方案七：
{ region:'north', autoScroll:true,//加上这啊 html:'<OBJECT WIDTH="1000" HEIGHT="220"><PARAM NAME=movie VALUE="index1.swf"><EMBED src="index1.swf" WIDTH="1000" HEIGHT="220" NAME="2" ALIGN="center"></EMBED></OBJECT> ' }