LAYUI 数据表格的三元表达式

十方天士

已于 2023-12-22 10:26:38 修改

阅读量1k

点赞数 1

分类专栏： JavaScript layui 文章标签： layui 前端 javascript

于 2021-08-04 13:41:41 首次发布

本文链接：https://blog.csdn.net/hunagzheng123456/article/details/119382142

版权

layui 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

复杂三元表达式实现按钮的禁用，失败，成功三种状态
if条件

<script type="text/html" id="checkboxTpl">
    <input type="checkbox" name="status" data-id="{{d.id}}" value="{{d.status}}" title="启用"
           lay-filter="status" {{ d.dataType== 0 ? 'disabled' : d.status =='1' ?'checked':'' }} >
</script>

<script type="text/html" id="tableTool">
    {{# if(d.dataType == 1){ }}
    <a class="layui-btn layui-btn-disabled layui-btn-xs"
       lay-event="forbidden"><i class="layui-icon">&#xe624;</i>添加下级</a>
    {{# } }} {{# if(d.dataType == 0){ }}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="addNextLevel" disabled='true'><i class="layui-icon">&#xe624;</i>添加下级</a>
    {{# } }}

</script>