Ext JS JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Ext JS
  4. Button toolbar


Hello World Window






Ext.onReady(function() {
        
    var myBtnHandler = function(btn) {
        Ext.MessageBox.alert('You Clicked', btn.text);
    }
    
    var fileBtn =  new Ext.Button({
        text    : 'File',
        handler : myBtnHandler
    });
    var editBtn = new Ext.Button({
        text    : 'Edit',
        handler : myBtnHandler
    });
    
    var tbFill = new Ext.Toolbar.Fill();
    
    var myTopToolbar = new Ext.Toolbar({
        items : [ 
            fileBtn,
            tbFill,
            editBtn
        ]
    });
    
    var myPanel = new Ext.Panel({
        width       : 200,
        height      : 150,
        title       : 'Ext Panels rock!',
        collapsible : true,
        renderTo    : Ext.getBody(),
        bbar        : myTopToolbar,
        html        : 'My first Toolbar Panel!'
    });
        
});
 
asdf