1.mini.MenuButton 菜单按钮。

港控/mmm° 2022-06-09 02:43 182阅读 0赞

# 1.mini.MenuButton 菜单按钮。 #

http://www.miniui.com/docs/api/index.html\#ui=button

<h1>MenuButton 菜单按钮</h1>
    <p class="tip"></p>
    
    
    <a class="mini-menubutton " menu="#popupMenu" >选择...</a>
    
    
    <ul id="popupMenu" class="mini-menu" style="display:none;">
    <li>
    <span >操作</span>
    <ul>
    <li iconCls="icon-new" οnclick="onItemClick">新建</li>
    <li class="separator"></li>
    <li iconCls="icon-add" οnclick="onItemClick">增加</li>	
    <li iconCls="icon-edit" οnclick="onItemClick">修改</li>
    <li iconCls="icon-remove" οnclick="onItemClick">删除</li>	 	             
    </ul>
    </li>
    <li class="separator"></li>
    <li iconCls="icon-open" >打开</li>
    <li iconCls="icon-remove" >关闭</li>
    </ul>
    
    
    <script type="text/javascript">
    function onItemClick(e) {
    var text = this.getText();
    alert(text);
    }
    </script>

<a class="mini-menubutton" menu="#popupMenu">操作</a>
    <ul id="popupMenu" class="mini-menu" style="display:none;">
    	<li class="" iconCls="icon-add" οnclick="addBaseInfo()">新增</li>
    	<li class="" iconCls="icon-edit" οnclick="editBaseInfo()">编辑</li>
    	<li class="separator"></li>
    	
    	<li iconCls="icon-excel" οnclick="exportBaseInfo">导出EXCEL</li>
    	<%
    	if("1".equals(SystemUtil.SYSTEMFLAG)){
    	%>
    	<li class="" iconCls="icon-upload" οnclick="importBaseInfo2()">导入人员信息</li>
    	
    	
    	<%} %>
    </ul>