extjs viewport 为什么显示不出来滚动条啊

Question

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]
  }

  ]

});
})

Answer 1

我测试了下 viewport总体是不会出现滚动条的··因为它填充总个页面·
你现在是center部分内容多了
所以只能在性爱center部分出现滚动条··不知道是不是你想要的 我改了下
可以的
[code="java"]

var viewport=new Ext.Viewport({
autoHeight: true,
border: true,
margins: '0 0 0 0',
items:[
{

             region:'north', 

autoHeight: true,
html:' '
}
,{
region:'center',
[color=red]autoScroll:true,//加上这啊 [/color]
xtype : 'panel',
items : [panel]
}

  ] 

});
})

[/code]