Extjs 的panel 介绍

Ext.Panel
panel 是extjs中最常用的一款组件,也是开发中用的最多的一款组件.最常见的UI组件都是集成自它.如果没有panel,extjs可能就没有那么盛名了
          面板(panel)是Extjs控件的基础,很高级控件都是在面板的基础上扩展的,还有其它大多数控件也都有直接或者间接的关系.应用程序的界面一般情况下
          是由一个一个的面板通过不同组织方式形成.面板由一些几部分组成, 一个顶部的工具栏,一个底部的工具栏,面板头部,面板尾部,面板主区域 几个
          部分组成.面板类中还内置了面板展开,关闭等功能.并提供了一些可重用的工具按钮使得我们可以轻松实现自定义的行为.面板可以放入其他的容器中,
          面板本身是一个容器,它里面又可以包含各种其它组件.
    面板的类名为 Ext.Panel ,其xtype为panel ,面板的各个组件具体如下

var panel1 = new Ext.Panel({

renderTo:Ext.getBody(),
title:'面板的头部header',
width:300,
height:200,
html:'<h1>面板主区域</h1>',
tbar:[{
text:'顶部工具栏topToolbar'
}],
bbar:[{
text:'底部工具栏bottomToolbar'
}],
buttons:[{
text:'按钮位于footer'
}]

});

 在panel中有个很重要的属性items   设置它的值就是给panel添加子项

var panel2 = new Ext.Panel({
renderTo:Ext.getBody(),
title:'面板头部header',
width:300,
height:200,
items:[{
xtype:'htmleditor'
}]
});