当前位置: 首页 > news >正文

根据条件 控制layui的table的toolbar的按钮 显示和不显示

部分代码:

<!-----查询条件----->
<input type="date" id="StartDate" onchange="PageList()" />
<input type="date" id="EndDate" onchange="PageList()" /><!-----表格Table----->
<table id="table" lay-filter="table" class="layui-table"></table><!-----Layui表格----->
<script>//初始化$(function () {PageList();});//查询function PageList() {var StartDate = $("#StartDate").val();var EndDate = $("#EndDate").val();layui.use(['table'], function () {var table = layui.table;table.render({elem: '#table'//对应着Table的ID, method: 'POST', url: '/Daily/PageList'//URL为数据接口的地址, where: { //where就是ajax的data,但不包括分页条件"StartDate": StartDate,"EndDate": EndDate,}, request: {//分页条件: page  limitpageName: 'page',    //页码的参数名称,默认:page 或者 index、pageIndexlimitName: 'size'  //每页数据量的参数名,默认:limit 或者 size、pageSize}, parseData: function (res) {return {"code": 0,//数据类型,必须的"count": res.total,//总记录数,用于分页"data": res.data,//必须的}}, cols: [[{ field: 'DailyID', title: '日报ID', sort: true }, { field: 'Username', title: '员工', sort: true }, { field: 'Daily', title: '日报', sort: true }, { title: '操作', toolbar: '#barDemo' }]],page: true,//开启分页功能limit: 25,//当前每页条数limits: [25, 50, 100],//每页条数集合//editMode: "single",//可编辑模式,支持:single单行、row整行、cell单元格});});}
</script><!-----表格的toolbar----->
<script type="text/html" id="barDemo"><!-- d代表的是layui 引擎模板中所使用的单个数据 --><!-- 只能编辑和删除[自己]创建的日报 -->{{#  if(d.UserID == @ViewBag.LoginUserRole.UserID){ }}<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="detail">明细</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>{{#  } }}<!-- RoleLevel > 1 的,能够查看所有人的日报 -->{{#  if(@ViewBag.LoginUserRole.RoleLevel > 1 && d.UserID != @ViewBag.LoginUserRole.UserID){ }}<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="detail">明细</a>{{#  } }}
</script>

备注说明:

① ViewBag.LoginUserRole 是登录用户的Session,包括登录用户id和角色id等信息

② d代表的是layui 引擎模板中所使用的单个数据,每一行的数据,包含数据中的用户id

③ 利用以上①和②判断当前数据行 是否启用: 明细、编辑、删除 的按钮(只能编辑自己提交的数据)

④ 根据 RoleLevel 值,控制 明细 按钮的启用(高级用户能够查看所有人的明细)


图示:

http://www.lryc.cn/news/488401.html

相关文章:

  • 什么是C++中的初始化参数列表,它的作用是什么?
  • python基础之学生成绩管理系统
  • SQL Server Management Studio 的JDBC驱动程序和IDEA 连接
  • 大数据挖掘期末复习
  • 凸函数与深度学习调参
  • Java前端基础——CSS
  • Photino:通过.NET Core构建跨平台桌面应用程序,.net国产系统
  • 个人全栈开发微信小程序上线了(记日记)
  • Linux移植IMX6ULL记录 一:编译源码并支持能顺利进入linux
  • idea正则表达式-正则替换示例-2024.11笔记
  • Github 2024-11-20C开源项目日报 Top9
  • 安卓CameraX的使用
  • unity3d——基础篇小项目(开始界面)
  • 【YOLOv8】安卓端部署-1-项目介绍
  • 安卓手机root+magisk安装证书+抓取https请求
  • 11.20 深度学习-pytorch包和属性的基础语法
  • SpringMVC域对象共享数据
  • 每日论文23-24ESSERC 6.4-16.1Ghz混合并联-串联谐振器
  • 【软考】系统架构设计师-信息安全技术基础
  • kali搭建pikachu靶场
  • 注解用于从 HTTP 请求中提取数据
  • (Linux)搭建静态网站——基于http/https协议的静态网站
  • 【机器学习chp3】判别式分类器:线性判别函数、线性分类器、广义线性分类器、分段线性分类器
  • 【学习】【HTML】HTML、XML、XHTML
  • ARM中ZI-data段和RW-data段
  • 关联度分析、灰色预测GM(1,1)、GM(1,1)残差模型——基于Python实现
  • linux常用命令(网络相关)
  • 【uni-app多端】修复stmopjs下plus-websocket无心跳的问题
  • VScode学习前端-01
  • Java-05 深入浅出 MyBatis - 配置深入 动态 SQL 参数、循环、片段