扩展 layui 增加类似 bootstrap下拉菜单组件

分享 已结 精帖
64 9334
FIRSTK
FIRSTK VIP4 2017-12-8
悬赏:20飞吻
先上效果图

普通的下拉菜单

表格中的下拉菜单

使用方法:
1、下载 https://gitee.com/tizainfo/codes/uqcks1vt9yndijwxremza44/raw?blob_name=layui.zip
2、解压缩后,将目录layui/dist下的文件替换原来的内容(因为lay/modules下增加了dropdown.js模块,所以请全部进行替换)
3、在使用的地方加入下面代码
<div class="layui-btn-dropdown">
<button type="button" class="layui-btn layui-btn-xs" data-toggle="dropdown">操作 <span class="layui-icon" style="font-size: 14px"></span></button>
<ul class="layui-dropdown-menu">
<li><a href="#" onclick="alert(2)">功能</a></li>
<li><a href="#">另一个功能</a></li>
<li><a href="#">其他</a></li>
<li class="divider"></li><!--分割线-->
<li><a href="#">分离的链接</a></li>
</ul>
</div>

1、此功能的样式是参考bootstrap dropdown的
2、此扩展基于layui 2.2.45版本
回帖
  • stock2
    2017-12-8
    很赞的功能,希望贤心收录,
    这个功能通过模板能实现不?这样就不影响后续升级了
    2 回复
  • @stock2 因为是增加了dropdown模块,应该是可以用在模板里的。暂时只在table组件中添加了调用
    2 回复
  • baidu
    2017-12-13
    非常好,希望贤心收录,希望楼主适当修改,模块式加载,这样后期新版可以直接覆盖升级!
    2 回复
  • stock2
    2017-12-8
    好的,谢谢
    0 回复
  • 很是喜欢。
    0 回复
  • 小巷
    2017-12-13
    [good]
    0 回复
  • AggerChen
    2017-12-13
    嗯 一直希望有一个这样的功能,谢谢了 先收藏了
    0 回复
  • 枭
    2017-12-13
    不错,收藏了
    0 回复
  • xiaoqiu_net
    2017-12-13
    赞一个呀。厉害。
    0 回复
  • 与狼共舞
    2017-12-13
    这个功能确实应该收录
    0 回复
  • ab1136
    2017-12-14
    这个功能太好了 望收录
    0 回复
  • Allen·Wish
    2017-12-14
    0 回复
  • Allen·Wish
    2017-12-14
    [嘻嘻]
    [钱]
    0 回复
  • 茈垭
    2017-12-16
    你好,作者,这个放到模板里面,不能下拉,是我做错了吗?
    <script type="text/html" id="barDemo">

    <div class="layui-btn-dropdown">
    <button type="button" class="layui-btn" data-toggle="dropdown">操作 <span class="layui-icon" style="font-size: 14px"></span></button>
    <ul class="layui-dropdown-menu">
    <li><a href="#" onclick="alert(2)">功能</a></li>
    <li><a href="#">另一个功能</a></li>
    <li><a href="#">其他</a></li>
    <li class="divider"></li><!--分割线-->
    <li><a href="#">分离的链接</a></li>
    </ul>
    </div>




    </script>
    0 回复
  • 茈垭
    2017-12-16



    放到其他地方可以,放到表格的模板里面,不行。
    0 回复
  • 茈垭
    2017-12-16
    @First Kang 是不是不支持数据表格啊?
    0 回复
  • FIRSTK
    2017-12-16
    @茈垭 table.js 替换过没?还有可能是要清理下浏览器缓存
    0 回复
  • 茈垭
    2017-12-16

    可以了,是我没有清理缓存,谢谢你了。@First Kang
    0 回复
  • FIRSTK
    2017-12-16
    @茈垭 如果还是不行,可以把发份静态页面出来
    0 回复
  • 茈垭
    2017-12-16
    @First Kang 可以了,非常感谢。真是个好插件。
    0 回复
  • 茈垭
    2017-12-16


    已经在使用了,非常不错。
    0 回复
  • 不错[微笑]
    0 回复
  • mark一下
    0 回复
  • 这个功能确实应该收录
    0 回复
  • 俗人
    2018-3-12
    希望可以模块式加载,并且可以配置悬浮位置。
    0 回复
  • 很不错的插件,收藏备用
    0 回复
  • 很攒,用的:layui.all.js,怎么集成到里面呢。。。。
    0 回复
  • 我擦,这功能可以集成到layui啊,真是好功能。
    0 回复
  • 轻易
    2018-3-14
    很赞 但是贤心 是不会集成进去了的 原因我也不知道[阴险]
    0 回复
  • 很不错的插件,收藏备用
    0 回复