Extjs的工具条

1.包括的按钮
• Ext.Toolbar:按钮的主要容器;
• Ext.Button:建立一个按钮并提供交互功能;
• Ext.menu:一个菜单。

所有元素的默认 xtype 是 tbbutton。我们可以不去配置 xtype,如果被配置
的元素是 tbbutton 的话

Ext.onReady(function(){ 
  new Ext.Toolbar({ 
    renderTo: document.body, 
    items: [{ 
     
xtype: 'tbbutton', 
     
text: 'Button' 
    },{        xtype: 'tbbutton', 
      text: 'Menu Button', 
      menu: [{    
 text: 'Better' 
},{ 
    text: 'Good'       
},{ 
   text: 'Best'
      }] 
    },{        xtype: 'tbsplit', 
      text: 'Split Button', 
      menu: [{ 
       text: 'Item One' 
      },{ 
        text: 'Item Two'
      },{ 
        text: 'Item Three'
      }] 
    }]    });  

}); 

2.按钮
a.图片按钮

{ 
  xtype: 'tbbutton', //类型
  cls: 'x‐btn‐text‐icon', 
  icon: 'images/bomb.png', //图片路径
  text: 'Tha Bomb' //按钮名称
  handler: function(){ }//单击调用的函数

}