layui动态表格条件语句判断的方式

简介: layui动态表格条件语句判断的方式

按钮的条件判断

直接在表格渲染的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>


lockdatav Done !


相关文章
|
JavaScript 前端开发
Javascript知识【jQuery属性操作&案例:重写复选框操作】
Javascript知识【jQuery属性操作&案例:重写复选框操作】
|
存储 JavaScript 前端开发
举例jQuery里的十五种操作
举例jQuery里的十五种操作
80 0
|
4月前
|
前端开发
react动态生成input、select标签以及思路总结
本文介绍了在React中动态生成input和select标签的方法,包括准备数据结构、在组件挂载时动态添加状态、页面渲染以及输入处理,最后总结了实现思路。
53 1
react动态生成input、select标签以及思路总结
我们有很多属性,一种是天生自带的属性,div{$}*5能够一次性生成5个div的写法
我们有很多属性,一种是天生自带的属性,div{$}*5能够一次性生成5个div的写法
|
8月前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
8月前
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
|
8月前
|
JavaScript
原生js实现for循环占位符绑定数据,类似模拟vue循环渲染数据
原生js实现for循环占位符绑定数据,类似模拟vue循环渲染数据
|
JavaScript
jquery动态生成input,并且限制生成个数
jquery动态生成input,并且限制生成个数
59 0
|
JavaScript 前端开发 数据格式
vue写法——使用js高阶函数实现多条件搜索功能
vue写法——使用js高阶函数实现多条件搜索功能
193 0
|
JSON 前端开发 JavaScript
CSS样式表在javascript函数中的写法
CSS样式表在javascript函数中的写法
77 0