ext在panel中，添加组件，用什么布局可以自动换行？
var button1 = Ext.create('Ext.Button', {
        
         xtype: "button", 
        name: "btn",
        text: "按钮1"

}
});

var button2 = Ext.create('Ext.Button', {
        
         xtype: "button", 
        name: "btn",
        text: "按钮2"

}
});
。。。。//这里省图Ｎ个按钮

现把这些按钮添加到一个panel中，panel.add(button1);panel.add(button2);panel.add(button3);......
假设panel的宽度为200px，高度为100px吧
如果用panel默认的布局，大家知道，这些按钮都是占用一行的，这不是我想要的，我想要达到的效果是，当添加的按钮总宽度超过２００px时，自动的流到下行去，当按钮行的总高度超过100px时，这时，要求出现上下滚动条。
请问，要达到这样的效果，怎么弄呢？
补充下，按钮的个数是随机的，不是固定几个。
有熟悉ext布局的大虾，指点下吧。

另：我目前用layout:{type: "hbox",//横向布局
                align: "stretch",
pack: "start"//从左到右
 }
没达到效果，不能实行自动换行
------解决方案--------------------