【EasyUI】如何根据条件控制可编辑表格某字段是否可以编辑；

2024-06-04 15:26:39

一、问题

最近遇到了一个比较棘手的问题：我有一个可编辑列表，有操作员-经理-总经理三级审批；但是只有是操作员才可以添加修改，然后发起流程，其他的角色将不能添加修改，对于该可编辑列表只能查看，后面的角色，只能新增审批意见；如何根据登陆用户的角色，来控制页面上可编辑表格的修改权限？

二、分析

角色，权限信息我都可以获取到，目前的问题是，如何修改EasyUI中可编辑表格的【是否可编辑状态】；
该目标实现的难点在于：
1.非全页面设置可读可写，而是局部控制可读可写；
2.要根据角色变化【可编辑表格】的属性；

三、解决

基本语法：

在table标签上加入如下信息：

dataOptions="onClickRow:fun1";

dataOptions是添加在【标签】上的属性，里面可以添加用户执行的动作；onClickRow表示用户单击某一行的记录时触发；冒号后面是触发的方法；触发方法如下：

在js中加入如下事件方法：

function fun1(rowIndex,rowData){//此处添加过滤条件//下面这句是：是否失效${'目标表的id'}.datagrid('getEditor',{index:rowIndex,field:'目标字段'}).target.renderDisabled(true);}

说明：
1.入参rowIndex表示选中的那一行的下表，从0开始；rowData表示那一行的数据；
2.${‘目标表的id’}是用来获取目标表格的所有数据；
3.datagrid表示EasyUI获取表格数据（网格数据）的方法；index，表示下标；field表示那一行的具体的字段；target表示获取目标。renderDisable()方法是渲染方法，表示是否有效；boolean值true表示有效，可以编辑；false表示无效，点击后，会变成灰色的不可编辑的矩形方块；

【EasyUI】如何根据条件控制可编辑表格某字段是否可以编辑；相关推荐

android 编辑自定义可编辑表格,smart 框架列表可编辑表格
可编辑表格常用属性 colModel: [ {label: "主键ID", name: "hellop1",hidden:true}, {label: &quo ...
wps html编辑表格,手机wps中怎么编辑表格图文教程
我们可以在手机版本的wps中对表格进行编辑,对于新手来说可能不知如何操作,下面就让学习啦小编告诉你如何在手机wps中编辑表格的方法. 手机wps中编辑表格的方法首先,下载并安装Android WP ...
wps html编辑表格,手机wps中怎样编辑表格？手机wps编辑表格的方法
软件大小: 52.26MB 软件版本: 2.1.0 软件类型: 办公工具查看详情直接下载你知道手机wps中怎样编辑表格吗?下面为你们带来了手机wps编辑表格的方法.希望阅读过后对你有所启发. 在 ...
wps html编辑表格,手机版wps如何编辑表格图解
我们可以在手机版本的wps中对表格进行编辑,对于新手来说可能不知如何操作,其实方法很简单,关键是多看多练,下面就让学习啦小编告诉你如何在手机wps中编辑表格的方法,欢迎大家来到学习啦学习. 在手机w ...
Ant Design Pro使用之--EditableProTable 可编辑表格
前言--EditableProTable 与 ProTable的对比首先:可编辑表格 EditableProTable 与 ProTable 的功能基本相同: 但是如果用ProTable的话,增和改 ...
html表格无法编辑,html 可编辑表格
场景:HTML+JS兑现可编辑表格 HTML+JS实现可编辑表格实现可视化编辑表格操作... HTML文件: 编辑表格数据可编辑的表格序号商品名称数量单价合计 1 C 0 0 0 2 D ...
easyUI可编辑表格编辑器添加事件
在使用easyUI的可编辑表格时,可以为编辑器添加键盘事件处理,这样就可以直接通过键盘进行操作,大大提升编辑效率.比如说在编辑完一行时,可以按下回车就自动添加新行而不用去点击添加行按钮,在编辑到一半想 ...
EasyUI/TopJUI可编辑表格的列根据返回数据判断是使用 combobox 还是 numberbox
这两天研究了一下topjui的可编辑表格edatagrid,想在每一列的后面根据返回的数据判断是使用 combobox 还是 numberbox,期间遇到了一些坑,下面实现代码,需要的朋友可以参考一下 ...
jQuery一步一步实现跨浏览器的可编辑表格，支持IE、Firefox、Safari、
脚本之家 www.jb51.net 脚本云专题素材下载电子书软件下载源码下载服务器常用软件 a5交易首页网页制作脚本专栏脚本下载网络编程数据库 CMS教程电子书籍平面 ...
Jeecg Boot 2.3 里程碑版本发布，支持微服务和单体自由切换、提供新行编辑表格JVXETable
项目介绍 JeecgBoot是一款基于代码生成器的低代码平台,开源界"小普元"超越传统商业级平台!采用前后端分离架构:SpringBoot 2.x,Ant Design&V ...

最新文章

热门文章