欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Jeecg v2.0 下拉菜单例子

程序员文章站 2022-06-20 10:43:36
...

效果如下图所示:

Jeecg v2.0 下拉菜单例子
            
    
    博客分类: Jeecg JeecgEasyUI下拉菜单 

实现代码html如下图所示:

    <div style="padding:5px;border:1px solid #ddd">  
        <a href="#" class="easyui-linkbutton" data-options="plain:true">Home</a>  
        <a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit'">Edit</a>  
        <a href="#" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-help'">Help</a>  
    </div>  
    <div id="mm1" style="width: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>  
            <span>Toolbar</span>  
        </div>  
        <div data-options="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>  

 

  • Jeecg v2.0 下拉菜单例子
            
    
    博客分类: Jeecg JeecgEasyUI下拉菜单 
  • 大小: 49.4 KB