Ext. Panel()面板组件

<script type="text/javascript">

        function a(){

            new Ext.Panel(config );

        }

        var config ={

            title: "这是标题栏",

              width: 300,//设置宽度从标题栏左上角开始

              height: 80,//设置高度从标题栏左上角开始

            header:true,//false表示：这是标题栏 隐藏 true表示出来

              renderTo: Ext.getBody()    //加载jsp body的时候加载Ext

        };

        Ext.onReady(a);

  </script>

function a(){

    new Ext.Panel({

        title: "面板用法",

        width: 300,

        height: 200,

        renderTo: Ext.getBody(),

        html: "<h1>面板主区域</h1>",

        tbar: [{

            text: "顶部工具栏topToolbar"

             }],

        bbar: [{

            text: "底部工具栏bottomToolbar"

            }],

        buttons: [{

            text: "按钮位于footer"

            }]

});

        }

Ext.onReady(a);

定义：面板由以下几个部分组成，一个顶部工具栏(tbar)、一个底部工具栏(bbar)、面板头部(header)、面板尾部(bottom)、面板主区域(body)几个部分组成。面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为，面板可以放入其它任何容器中，面板本身是一个容器，他里面又可以包含各种其它组件。

2.1如何隐panel的标题栏