jQuery EasyUI menus and buttons - Create menu button
Menu button (Menu Button) includes a button (button) and a menu (menu) component, or move the mouse to click on the button will display a corresponding menu.
To define a menu button (Menu Button), you should define a link button (Link Button) and a menu (menu), the following is an example:
<Div style = "background: #fafafa; padding: 5px; width: 200px; border: 1px solid #ccc"> <a href="#" class="easyui-menubutton" menu="#mm1" iconCls="icon-edit"> Edit </a> <a href="#" class="easyui-menubutton" menu="#mm2" iconCls="icon-help"> Help </a> </ Div> <Div id = "mm1" style = "width: 150px;"> <Div iconCls = "icon-undo"> Undo </ div> <Div iconCls = "icon-redo"> Redo </ div> <Div class = "menu-sep"> </ div> <Div> Cut </ div> <Div> Copy </ div> <Div> Paste </ div> <Div class = "menu-sep"> </ div> <Div iconCls = "icon-remove"> Delete </ div> <Div> Select All </ div> </ Div> <Div id = "mm2" style = "width: 100px;"> <Div> Help </ div> <Div> Update </ div> <Div> About </ div> </ Div>
Has now defined a menu button (Menu Button), you do not need to write any javascript code.