Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

DateMenu and its handler

<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> <style type="text/css"> .icon-accept {     background-image: url(accept.png) !important; } </style> </head> <script type="text/javascript"> Ext.onReady(function() {     var colorAndDateHandler = function(menuItem, choice) {         Ext.MessageBox.alert('', 'Your choice is ' + choice);     }     var dateMenu = {         text    : 'Choose Date',         menu    : {               xtype : 'datemenu',               handler : colorAndDateHandler        }     };          var menu = new Ext.menu.Menu({         id        : 'myMenu',         items     : dateMenu,         listeners : {             'beforehide' : function() {                 return false;             }         }          });     menu.showAt([100,100]); }); </script> <body> </body> </html>