如下代码,west区域的 html 下的内容不能完全显示出来,没有滚动条,执行下面的代码的时候,滚动条一闪而过,不知怎样留住滚动条,急!!请高手指教,谢谢
var viewport = new Ext.Viewport({
        layout: 'border',
        items: [
            {
                region:'north',
                layout:'fit',
                html:"rrrr",
                collapsible:false                
                },
            {
            region: 'west',
            width: 170,
            layout: 'accordion',
            autoScroll:true,
            layoutConfig: {
                titleCollapse: true,
                animate: true,
                activeOnTop: false
            },
          items:[{title:'<B>大仪网</B>',html: '仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />固定图片<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />最新动态'},
{title:'<B>大仪网</B>',html: '仪器信息<br />仪器信息<br />仪器信息<br />固定图片<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型典型案例典型案例典型案例典型案例案例<br />典型案例<br />典型案例<br />最新动态<'}]
        },
            {
                region:'center',
                html:'<iframe width="100%" id="centerIframe" name="centerIframe"  height=100% border="0" frameborder="0"  src="#"></iframe>'
             }
        ]
    });

解决方案 »

  1.   


    region: 'west',
      width: 170,
      height: 200,//设置下高度
      layout: 'accordion',
      

  2.   

    执行一下:OK了var viewport = new Ext.Viewport({
        layout: 'border',
        items: [
      {
          region: 'north',
          layout: 'fit',
          html: "rrrr",
          collapsible: false
      },
      {
          region: 'west',
          width: 170,
          layout: 'accordion',
          autoScroll: true,
          layoutConfig: {
              titleCollapse: true,
              animate: true,
              activeOnTop: false
          },
          items: [{ title: '<B>大仪网</B>',autoScroll:true, html: '仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />固定图片<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />最新动态' },
    { title: '<B>大仪网</B>',autoScroll:true, html: '仪器信息<br />仪器信息<br />仪器信息<br />固定图片<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />仪器信息<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型案例<br />典型典型案例典型案例典型案例典型案例案例<br />典型案例<br />典型案例<br />最新动态<'}]
      },
      {
          region: 'center',
          html: '<iframe width="100%" id="centerIframe" name="centerIframe" height=100% border="0" frameborder="0" src="#"></iframe>'
      }
      ]
    });