简单的EXT面板工具栏

     <script>
  Ext.onReady(function() {
   new Ext.Panel({
     renderTo:"hello",
     title:"面板头部header",
     width:300,
     height:200,
     html:'<h1>面板区域</h1>',
     tools:[{id:"save"},
     {id:"help",handler:function(){
      Ext.Msg.alert('help','please help me');}
     },
     {id:"close"}
     ],
     tbar:[new Ext.Toolbar.TextItem('工具栏'),
      {xtype:"tbfill"},
      {pressed:true,text:"添加"},
      {xtype:"tbseparator"},
      {pressed:true,text:'保存'}
     ],
     bbar:[{text:'底部'}],
     buttons:[{text:"按钮"}]
    });
  }
  );
 </script>
 
 <div id="hello">aaa</div>