<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);