1.包括的按钮
• Ext.Toolbar:按钮的主要容器;
• Ext.Button:建立一个按钮并提供交互功能;
• Ext.menu:一个菜单。
所有元素的默认 xtype 是 tbbutton。我们可以不去配置 xtype,如果被配置
的元素是 tbbutton 的话
2.按钮
a.图片按钮
• 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(){ }//单击调用的函数
}