First, LinkButton (button)
1. Create by Tag:
<id= "btn" href= "#" class= "Easyui-linkbutton" data-options= "iconcls: ' Icon-search '">easyui</a >
2. Call via JS:
HTML code:
<id= "btn" href= "#">easyui</A >
JS Code:
$ (' #btn '). LinkButton ({ iconcls: ' Icon-search ' });
Second, the menu button
1. Create by Tag:
<ahref= "javascript:void (0)"ID= "MB"class= "Easyui-menubutton"data-options= "menu: ' #mm ', iconcls: ' Icon-edit '">Edit</a> <DivID= "MM"style= "width:150px;"> <Divdata-options= "Iconcls: ' Icon-undo '">Undo</Div> <Divdata-options= "Iconcls: ' Icon-redo '">Redo</Div> <Divclass= "Menu-sep"></Div> <Div>Cut</Div> <Div>Copy</Div> <Div>Paste</Div> <Divclass= "Menu-sep"></Div> <Divdata-options= "Iconcls: ' Icon-remove '">Delete</Div> <Div>Select All</Div> </Div>
2. Call via JS:
HTML code:
<href= "javascript:void (0)" ID= "MB">Edit </a> <ID= "mm" style = "width:150px" > ..... </ Div >
JS Code:
$ (' #mb '). Menubutton ({ iconcls: ' Icon-edit ', menu: ' #mm ')
Three, SplitButton (split button)
1. Call by tag:
<ahref= "javascript:void (0)"ID= "SB"class= "Easyui-splitbutton"data-options= "menu: ' #mm ', iconcls: ' Icon-ok '"onclick= "Javascript:alert (' OK ')">Ok</a> <DivID= "MM"style= "width:100px;"> <Divdata-options= "Iconcls: ' Icon-ok '">Ok</Div> <Divdata-options= "Iconcls: ' Icon-cancel '">Cancel</Div> </Div>
2. Call via JS:
HTML code:
<href= "javascript:void (0)" ID= "SB" onclick= " Javascript:alert (' OK ') >Ok</a> <div id= "mm" style= "width:100px;" > ..... </ Div >
JS Code:
$ (' #sb '). SplitButton ({ iconcls: ' Icon-ok ', menu: ' #mm ' });
Four, Switchbutton (switch button)
1. Call by tag:
<class= "Easyui-switchbutton" checked> < class= "Easyui-switchbutton" data-options= "Ontext: ' Yes ', Offtext: ' No '>
2. Call via JS:
HTML code:
<href= "javascript:void (0)" ID= "SB" onclick= " Javascript:alert (' OK ') >Ok</a> <div id= "mm" style= "width:100px;" > ..... </ Div >
JS Code:
<input id= "SB" style= "width:200px;height:30px" > <script type= "Text/javascript" > $ (function () { $ (' #sb '). Switchbutton ({ checked:true, onchange:function (checked) { console.log (checked); }}) }) </script>
EASYUIAPI: Menu