button

method one：

Ext.onReady(function(){
Ext.create('Ext.Button', {
    text: "CLICK",
    renderTo: Ext.get("login")/getBody(), //设置显示区域
    scale   : 'large', //设置按钮大小
    handler: function() {
             var form = this.up('form').getForm();//获取表单对象
//var field=form.findField("cloudSubsriberId");//表单取值“id:'cloudSubsriberId'”
   //var value=field.getValue();
                form.submit({
                    clientValidation:true,//进行客户端验证
                  waitMsg:'Registering......',
                  waitTitle:'Registering',
                  url:'cloudUser!register.action',
                  method:'POST',
                  success:function(form,action){
                  if (action.result.success == '1') {
                          document.location='login.jsp';
                        }else{
                          document.location='register.jsp';
                        }
                  },
                  failure:function(form,action){
                     Ext.Msg.alert('Registering','Register fial');
                  }
                  });
    }
});
})



method two：


Ext.onReady(function(){
Ext.create('Ext.Button', {
    text    : 'Dynamic Handler Button',
    renderTo: Ext.get("login"),
    handler : function() {
        // this button will spit out a different number every time you click it.
        // so firstly we must check if that number is already set:
        if (this.clickCount) {
            // looks like the property is already set, so lets just add 1 to that number and alert the user
            this.clickCount++;
            alert('You have clicked the button "' + this.clickCount + '" times.\n\nTry clicking it again..');
        } else {
            // if the clickCount property is not set, we will set it and alert the user
            this.clickCount = 1;
            alert('You just clicked the button for the first time!\n\nTry pressing it again..');
        }
    }
});
})



method three：


Ext.onReady(function(){
Ext.create('Ext.Button', {
    text: "CLICK",
    renderTo: Ext.get("login"),
    scale   : 'large',
    enableToggle: true,
    arrowAlign: 'bottom',
    menu      : [
{text: 'Item 1'},
{text: 'Item 2'},
{text: 'Item 3'},
{text: 'Item 4'}
    ],
    handler: function() {
//alert('You clicked the button!')
    }
});
})





method foure：


Ext.onReady(function(){
Ext.create('Ext.Button', {
    text     : 'Button',
    renderTo : Ext.getBody(),
    listeners: {
        click: function() {
            // this == the button, as we are in the local scope
            this.setText('I was clicked!');
        },
        mouseover: function() {
            // set a new config which says we moused over, if not already set
            if (!this.mousedOver) {
                this.mousedOver = true;
                alert('You moused over a button!\n\nI wont do this again.');
            }
        }
    }
});
})