extjs中bind_ExtJS 6 基本组件

基本组件

Ext.Button

Ext.create('Ext.Button', {

text: 'My Button',

renderTo: Ext.getBody(),

handler: function(){

alert('click');

}

});

也可以通过 listeners 配置项添加多个事件处理函数：

Ext.create('Ext.Button', {

text: 'My Button',

renderTo: Ext.getBody(),

listeners: {

click: {

fn: function(){

alert('click');

}

},

mouseout: {

fn: function(){

alert('mouseout');

}

}

}

});

还可以创建多种类型的按钮, 如链接按钮、带菜单的按钮、状态切换按钮等。

通过设置 href 属性创建链接按钮：

Ext.create('Ext.Button', {

renderTo: Ext.getBody(),

text: 'Link Button',

href: 'http://www.sencha.com/'

});

通过设置 menu 属性创建菜单按钮：

Ext.create('Ext.Button', {

text: 'My Button',

renderTo: Ext.getBody(),

menu: [

{text: 'Item 1'},

{text: 'Item 2'},

{text: 'Item 3'}

]

});

Ext.Button 还有 bind, cls, disabled, html, tooltip, tpl 等属性可以设置。

Ext.MessageBox

Ext.window.MessageBox 类实现了信息窗口功能，而 Ext.MessageBox 是该类的 singleton 实例，同时 Ext.MessageBox 还有一个别名 Ext.Msg。可以通过 Ext.MessageBox 显示 alert, confirmation, prompt 窗口，例如：

Ext.Msg.alert('Info', 'Document saved!');

Ext.Msg.confirm('Confirm', 'Are you want to cancel the updates?',

function(button){

if ('yes'==button){

}

else {

}

}

);

Ext.MessageBox.sh