ExtJS 之Panel实例

转载自：http://rhyme.blog.51cto.com/328158/81339

 

  <div id="hello"></div>    
        <script>
//                         panel
                        Ext.onReady(function(){   
                                            new Ext.Panel({  
                                                renderTo:"hello", //DIV的ID 
                                                title:"面板头部header", //标题 
                                                width:300,  
                                                height:200,  
                                                html:'<h1>面板主区域</h1>',
                                                tbar:[{text:'顶部工具栏topToolbar'}],
                                                bbar:[{text:'底部工具栏bottomToolbar'}],
                                                buttons:[{text:"按钮位于footer"}]
                                                
                                       });
                        });