【技巧交流】复选框初始化与复位

收藏

# 1. 场景

在前端的用户管理中对用户角色进行配置，当点击用户后，用户已拥有的角色自动勾选，即复选框的初始化功能；
当修改复选框内容后，若要撤销操作，对用户还原原有的角色，则是复选框的复位功能。

# 2. 实现
image.png36828612.png

## 2.1 复选框初始化功能
首先在页面上放置了三个隐藏的表格，表格1绑定用户信息视图，表格2绑定角色字典，表格3绑定用户_角色_映射表（本地维护服务端的用户角色信息）。
表格3配置了查询条件，[用户]字段与表格1的表格选择项容器绑定，即可做到显示当前用户的角色内容。

表格2的[已绑定]列配置了函数：=IFNA(IF(VLOOKUP(AE13,AE20,1,FALSE),1),0)
表示为：若本行的ID存在于表格3中，即表格1选中的用户拥有该角色。
至此初始化功能的准备就绪，但为了后续的复位功能，故将[已绑定]列复制到[待更新]列。
此时将[待更新]列绑定到选择角色的图文列表模板中，则完成了复选框初始化的功能。
image.png357593688.png

## 2.2 复选框复位功能
思路：使[待更新]列修改为与[已绑定]列一致即可。
为[还原按钮]绑定命令：
1. 对每一行都要进行修改，所以用到了循环的命令
image.png268104552.png

2. 将[已绑定]列的内容复制到[待更新]列中，注意更新记录选项，如果不配置关系条件，则始终操作第一行内容
image.png394513244.png

3. AS13维护了当前应该处理的行号，每次循环自增
image.png692981567.png

4. 最后将AS13还原为1
image.png613251037.png

# 3. 待改进
新人一枚，有更简单的做法欢迎指点交流，Demo中未添加服务端命令，正在学习中，如果有大佬补充感激不尽！！

		自动登录	找回密码
密码			立即注册

[资源分享] 【技巧交流】复选框初始化与复位

0 个回复