Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Add checkbox menu item to a menu

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <script type="text/javascript"> 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]); }); </script> <body> </body> </html>