Ext JS JavaScript DHTML



Hello World Window





Ext.onReady(function() {
    var genericHandler = function(menuItem) {
        Ext.MessageBox.alert('', 'Your choice is ' + menuItem.text);
    }
    var colorAndDateHandler = function(menuItem, choice) {
        Ext.MessageBox.alert('', 'Your choice is ' + choice);
    }
    var a = {
        text        : 'New Department',
        hideOnclick : false,
        menu        : [
            {
                xtype : 'menutextitem',
                text  : 'Choose One',
                style : {
                    'border'           : '1px solid #999999',
                    'background-color' : '#D6E3F2',
                    'margin'           : "0px 0px 1px 0px",
                    'display'          : 'block',
                    'padding'          : '3px',
                    'font-weight'      : 'bold',
                    'font-size'        : '12px',
                    'text-align'       : 'center'
        
                }
            },
            {
                text         : 'Check me',
                checked      : false,
                checkHandler : colorAndDateHandler
            }
        ]
    }
    var menu = new Ext.menu.Menu({
        id        : 'myMenu',
        items     : a,
        listeners : {
            'beforehide' : function() {
                return false;
            }
        }
    
    });
    menu.showAt([100,100]);
});