[求助] ExtJs的Panel如何加一个滚动条？

Question

<script language="javascript">
Ext.onReady(function(){
   var p = new Ext.Panel({
      id:"myPanel",
      title:"Panel实例",
      frame:true,
      collapsible:true,
      renderTo:"content",
      autoScroll:true,
      titleCollapse:true,
      width:400,
      height:200,
      html:"<p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p><p>我是内容，我包含的html可以被执行！</p>"
   });
});
</script>
<div id="content"></div>

Answer 1

你的Panel没有指定height，当然不行，默认为auto，你加上height应该就可以了var c_userform = new Ext.Panel({
    baseCls: 'x-plain',
    layout: 'form',
renderTo:'container',
    defaultType: 'textfield',
    style: 'padding:5px',
    labelWidth: 70,
    defaults: {
        width: 170
    },
height:500,
    autoScroll:true,
    html:'<iframe id="reporter-iframe" src="" width="90%" height="800px" name="main"  frameborder="0" scrolling="auto" style="border:0px none; background-color:#BBBBBB; "  ></iframe>'
});

Answer 2

我知道怎么回事了，是iframe的高度小于了Panel的高度，我设置成iframe的高度比Panel大，滚动条就出现了。

Answer 3

    autoScroll:true,
      titleCollapse:true,谢谢 2楼
 我加了这个 就可以啦

Answer 4

看来我的回答迟了些，但还是回了，方便以后遇到同样问题的人
在gridpanel里面加入下面代码：view: new Ext.ux.grid.BufferView({
    rowHeight: 25,
    scrollDelay: true
        })