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

news/2024/11/21 11:55:00/

部分代码:

<!-----查询条件----->
<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.ppmy.cn/news/1548745.html

相关文章

Python实现随机分布式延迟PSO优化算法(RODDPSO)优化CNN回归模型项目实战

说明&#xff1a;这是一个机器学习实战项目&#xff08;附带数据代码文档视频讲解&#xff09;&#xff0c;如需数据代码文档视频讲解可以直接到文章最后关注获取。 1.项目背景 近年来&#xff0c;深度学习技术在计算机视觉、语音识别、自然语言处理等领域取得了显著的成功。卷…

C# 数据结构之【栈】C#栈

1. 描述 栈 &#xff1a;栈遵循后进先出&#xff08;LIFO&#xff09;原则&#xff0c;只能在一端进行插入和删除操作。 2. 应用示例 using System;namespace DataStructure {class Program{static async Task Main(string[] args){// 创建一个栈Stack<int> stack ne…

python常用语法笔记(持续更新)

文章目录 一、基础语法1、sleep休眠2、os系统操作&#xff08;1&#xff09;获取环境变量&#xff08;2&#xff09;os.path操作 3、文件操作&#xff08;1&#xff09;文件读取模式详解&#xff08;2&#xff09;逐行读取文件&#xff08;3&#xff09;逐行写入文件 4、字符串…

CentOS 7 防火墙开启 ,没有开22端口,为什么没有被限制

firewall-cmd --zonepublic --list-all这个命令会显示 public 区域的所有配置&#xff0c;包括允许的服务、端口、源地址等。 假设你执行了上述命令&#xff0c;得到了以下输出&#xff1a; public (active)target: defaulticmp-block-inversion: nointerfaces: eth0sources: …

使用 SMB 协议从win10电脑访问同网段ubuntu电脑文件

​​​​​​1.在 Ubuntu 上设置共享文件夹 在终端中运行以下命令安装 Samba&#xff1a; sudo apt update sudo apt install samba 编辑 Samba 配置文件&#xff1a; sudo nano /etc/samba/smb.conf 在文件末尾添加以下内容&#xff08;假设要共享 用户dy下的Downloads目录&…

使用Cursor和Claude AI打造你的第一个App

大家好&#xff0c;使用Cursor和Claude AI打造应用程序是一个结合智能代码辅助和人工智能对话的创新过程。Cursor是一个编程辅助工具&#xff0c;它通过智能代码补全、聊天式AI对话和代码生成等功能&#xff0c;帮助开发者提高编程效率。Claude AI则是一个强大的人工智能平台&a…

Vue.js组件开发指南

Vue.js组件开发涵盖多方面内容。从基础层面看&#xff0c;组件作为可复用的Vue实例&#xff0c;能通过多种方式注册&#xff0c;其props用于接收外部数据、data需为函数以保障数据独立。生命周期的各个钩子函数在组件不同阶段发挥作用。组件通信包括父子间的特定方式和非父子间…

下单抽奖领取商品奖品之后还能继续抽奖问题处理

一 文件地址:app/services/order/StoreOrderSuccessServices.php 方法:paySuccess 修改代码: //缓存抽奖次数 除过线下支付和抽奖订单if (isset($orderInfo[pay_type]) && $orderInfo[pay_type] ! offline && isset($orderInfo[type]) && $orderI…