zoukankan      html  css  js  c++  java
  • EasyuiAPI:菜单

    一、LinkButton(按钮)

    1.通过标签创建:

    <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

    2.通过JS调用:

      html代码:

    <a id="btn" href="#">easyui</a>    

      JS代码:

    $('#btn').linkbutton({    
        iconCls: 'icon-search'   
    });  
    

    二、菜单按钮

    1.通过标签创建:

    <a href="javascript:void(0)" id="mb" class="easyui-menubutton"data-options="menu:'#mm',iconCls:'icon-edit'">Edit</a>   
    <div id="mm" style="150px;">   
        <div data-options="iconCls:'icon-undo'">Undo</div>   
        <div data-options="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 data-options="iconCls:'icon-remove'">Delete</div>   
        <div>Select All</div>   
    </div> 

    2.通过JS调用:

      html代码:

    <a href="javascript:void(0)" id="mb">Edit</a>   
    <div id="mm" style="150px">   
      ...    
    </div>  

      JS代码:

    $('#mb').menubutton({    
        iconCls: 'icon-edit',    
        menu: '#mm'   
    }); 
    

    三、SplitButton(分割按钮)

    1.通过标签调用:

    <a href="javascript:void(0)" id="sb" class="easyui-splitbutton"data-options="menu:'#mm',iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</a>   
    <div id="mm" style="100px;">   
        <div data-options="iconCls:'icon-ok'">Ok</div>   
        <div data-options="iconCls:'icon-cancel'">Cancel</div>   
    </div>  

    2.通过JS调用:

      html代码:

    <a href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')>Ok</a>   
    <div id="mm" style="100px;">   
      ...    
    </div> 

      JS代码:

    $('#sb').splitbutton({    
        iconCls: 'icon-ok',    
        menu: '#mm'   
    });  
    

    四、SwitchButton(开关按钮)

    1.通过标签调用:

     <input class="easyui-switchbutton" checked> 
     <input class="easyui-switchbutton" data-options="onText:'Yes',offText:'No'">

    2.通过JS调用:

      html代码:

    <a href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')>Ok</a>   
    <div id="mm" style="100px;">   
      ...    
    </div>  

      JS代码:

    <input id="sb" style="200px;height:30px"> 
    <script type="text/javascript"> 
      $(function(){ 
        $('#sb').switchbutton({ 
          checked: true, 
          onChange: function(checked){ 
            console.log(checked); 
          } 
        }) 
      }) 
    </script>
    

      

  • 相关阅读:
    centos环境无法安装paramiko的问题解决
    openstack swift节点安装手册3-最后的安装配置及验证
    P4329 [COCI2006-2007#1] Bond
    P4802 [CCO 2015]路短最
    树链剖分(从入门到入土。)
    分块详解
    Cocos2d-x 详解坐标系统
    pureMVC介绍及学习
    pureMVC简单示例及其原理讲解五(Facade)
    pureMVC简单示例及其原理讲解四(Controller层)
  • 原文地址:https://www.cnblogs.com/koto/p/5313033.html
Copyright © 2011-2022 走看看