За кнопки отвечает класс Ext.button.Button
1 2 3 4 5 6 7 |
Ext.create('Ext.Button', { text: 'This is just a button.Click it', renderTo: Ext.getBody(), handler: function() { alert('You clicked the button!'); } }); |
Событие нажатия на кнопку можно обрабатывать либо через handler как в примере выше, либо традиционно, через listeners
1 2 3 4 5 6 7 8 |
Ext.create('Ext.Button', { text: 'This is just a button.Click it', renderTo: Ext.getBody(), listeners:{ click:function(){alert('hello from ExtJS. You clicked the button');} } }); |
Расположение кнопки. Либо через x,y, либо через margin.
1 2 3 4 5 6 7 8 9 10 |
Ext.create('Ext.Button', { x:100, y:50, // margin:'10 0 0 10',//<<< либо так, через margin (top, right, bottom, left) text: 'This is just a button.Click it', renderTo: Ext.getBody(), handler: function() { alert('You clicked the button!'); } }); |