在使用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 表格操作列按钮动态显示变换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。