实现的最终效果如下图所示:在Layui动态表格中,可以使用JavaScript的if else语句来进行条件判断。layui动态表格条件语句判断的方式 按钮的条件判断 直接在表格渲染的cols判断
直接在表格渲染的cols判断:
, {field: 'pool_able', title: '操作', align: 'center', width: 200, templet: function (d) {
if (d.pool_able == "0") {
return "<a class='layui-btn layui-btn-xs layui-btn-danger' οnclick='member_del(this," + d.pool_id + ")'>删除</a>";
} else {
return "<a class='layui-btn layui-btn-xs layui-btn-disabled' href='#'>删除</a>";}
}
}
通过templet调用
项目需求:根据后台传递的参数,判断操作按钮是否显示。
, {field: 'lock', title: '操作', templet: '#checkboxTpl', align: 'center',width:320}
<!--操作按钮-->
<script type="text/html" id="checkboxTpl">
{if in_array('4',$authArr)}<a class="layui-btn layui-btn-xs" οnclick="getZoomUrl('?m=Infomation&a=InfomationFiles&act=files&&info_id={literal}{{d.info_id}}{/literal}','1150px', '600px', 'no','文件管理')">文件管理</a>{/if}
{if in_array('2',$authArr)}<a class="layui-btn layui-btn-xs" οnclick="getZoomUrl('?m=Infomation&a=InfomationUpload&act=upload&{literal}member_id={{d.member_id}}&branch_id={{d.branch_id}}&major_id={{d.major_id}}&info_id={{d.info_id}}{/literal}','1150px', '600px', 'no','上传文件')">上传</a>{/if}
{if in_array('0',$authArr)}<a class="layui-btn layui-btn-xs layui-btn-normal" οnclick="getZoomUrl('?m=Infomation&a=InfomationDetail&act=show&{literal}branch_id={{d.branch_id}}&info_id={{d.info_id}}{/literal}', '1150px', '600px', 'no','设施列表详情')">查看</a>{/if}
{if in_array('3',$authArr)}<a class="layui-btn layui-btn-xs layui-btn-normal" οnclick="getZoomUrl('?m=Infomation&a=InfomationEdit&act=show&{literal}branch_id={{d.branch_id}}&info_id={{d.info_id}}{/literal}', '1150px', '600px', 'no','设施列表编辑')">编辑</a>{/if}
{if in_array('1',$authArr)}<a class="layui-btn layui-btn-xs layui-btn-danger" οnclick="member_del(this,'{literal}{{d.info_id}}{/literal}')">删除</a>{/if}
</script>
沃梦达教程
本文标题为:layui动态表格条件if else语句判断的方式
基础教程推荐
猜你喜欢
- Vue项目问题——vue-router重写push方法,解决相同路径跳转报错 2023-10-08
- CascadeView级联组件实现思路详解(分离思想和单链表) 2024-02-06
- 两个table实现固定表头拖动时仅限表体移动 2024-04-01
- php – 如何将HTML表单中的数字添加到数据库中已有的数字? 2023-10-26
- Ajax()方法如何与后台交互 2022-12-15
- 关于html选择框创建占位符的问题 2022-09-20
- 详解Angular操作cookies方法 2024-04-16
- CSS border边框一半或者部分可见的实现代码 2023-12-21
- javascript 特性检测并非浏览器检测 2024-02-09
- Cookies的各方面知识(基础/高级)深度了解 2024-03-20