layui制作表格动态显示变换源码

发布时间：2020-05-23 14:41:19 阅读：255 作者：鸽子栏目：web开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

在使用Layui的表格组件时有时会用到可变换的操作比如显示或隐藏功能,那么就需要按钮的动态变换

layui制作表格动态显示变换源码实现方法在layui的barDome中加入如下代码

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="preview">预览</a>
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    {{#  if(d.img_status == "yes"){ }}
    <a class="layui-btn layui-btn-warm layui-btn-xs no" lay-event="no">轮播隐藏</a>
    {{# }if(d.img_status == "no") { }}
    <a class="layui-btn layui-btn-xs yes" lay-event="yes">轮播显示</a>
    {{#  } }}
</script>

if中为判断显示隐藏的条件,lay-event是触发的事件

事件触发之后可以用

reload()方法刷新表格

以上就是layui表格动态显示变换的详细内容，更多请关注亿速云其它相关文章！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

layui制作表格动态显示变换源码

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签