Learning ExtJS (2) Common methods of Button_extjs

1. Attributes
renderTo: Store the HTML object generated by the current object in the specified object
text: Get the button name
minWidth: The minimum width of the button
hidden: Hide or show the button (true or false)
2. Construction parameters
handler: Specify a function handle to be called when the default event is triggered. At this time, the default event is click
listeners: Before the object is initialized, bind a series of events Certainly.
3. Function
getBogy(): to the Body object
onReady(): execute this function when the page is loaded
getText(): get the button name
setText("Button name "): Set button name
4. Application examples

Copy code The code is as follows:

Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"OK",
listeners:{
"click":function()
{
alert("Hello");
}
}
})
button.minWidth=200;
button.setText( "EasyPass");
})

Copy code The code is as follows:

Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"OK"
})
button.on("click",function(){
alert("hello");
})
button.minWidth=200;
button.setText("EasyPass");
})