Ext JS JavaScript DHTML



Hello World Window





Ext.onReady(function() {
    var userCrudBtns = [
        {
            xtype      : 'splitbutton',
            text       : 'New',
            iconCls    : 'icon-user_add',
            menu       : [
                {
                    text    : 'A',
                },
                {
                    text    : 'B',
                },
                {
                    text    : 'C',
                }
            ]
        },
        {
            text    : 'Edit',
        },
        {
            text    : 'Delete',
        }
    ];
     new Ext.ButtonGroup({
        renderTo     : Ext.getBody(),
        height       : 75,
        width        : 200,
        title        : 'Manage Users',
        //layout       : 'hbox',
        layoutConfig : {
          //  align : 'stretch'
        },
         defaults    : {
             flex : 1
         },
        items       : userCrudBtns
    });
});