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

多选多的一种通用处理逻辑

开发的时候,我们经常会涉及元素的多选多,并且还需要对选中的元素进行拖动排序

通用的设计方案如下

游戏资源集合与游戏资源的绑定关系处理(多选多的一种通用处理逻辑)
可能的情况:
1.之前被选中的资源,现在取消了选中,对应的就是删除关联关系的场景;
2.之前没有被选中的资源,现在被选中了,对应的就是新增关联关系的场景。

实现设计
1.页面,需要返回所有的英语游戏资源,并且判断在这个游戏集合下,哪些已经被选中了,哪些没有被选中
字段:{游戏资源的id:1,name:游戏名1,游戏是否被选中了:选中或者没有选中的结果返回}
然后前端根据这些进行加载和渲染,如果取消勾选,就把选中改为未选中;如果新勾选,就把未选中改为选中(不管用户做多少次勾选和去勾选,都是一样的逻辑,只关注最后列表项中哪些是被选择的,哪些是未被选中的)

2.接口提交的后台处理
2.1先将返回页面的数据再数据库中重新查询出来
2.2根据id一个个的对比新旧的是否选中的值的对比,一样的就是不变;新值是选中的,就新增关联关系;新值是未选中的,就是删除关联

3.如果需要排序序号的话(选中元素,需要在某个地方,按指定的顺序来排序),如何处理的问题(最好是前端能够拖动顺序,然后提交的时候,按元素顺序加载即可,被选中的元素在数组中的顺序,就是他们新的顺序,有的可能还是被选中的状态,但是他的序号变了,这种也要判断一下序号是否相等,不相等的,也做序号更新逻辑)

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

相关文章:

  • Redis 的安装 + SpringBoot 集成 Redis
  • 为什么在容器中 1 号进程挂不上 arthas?
  • 23种设计模式之策略模式
  • 不会做UI自动化测试?一起设计框架再实践吧
  • 数据分析实战项目3:RFM用户分群
  • 消息中间件概述
  • vue和js给后端接口返回的数据(如以json数据为元素的数组)添加新的json字段
  • 负载均衡的方式
  • python(15)--函数设计
  • 手把手教你用Python做可视化数据,还能调节动画丝滑度
  • 湖南中创教育PMP项目管理——变更管理
  • IC真题 —— 刷题记录(1)
  • 【C++入门】命名空间,输出输入,缺省参数,函数重载
  • cmu 445 poject 2笔记
  • 梅开二度的 axios 源码阅读,三千字详细分享功能函数,帮助扩展开发思维
  • vcs仿真教程
  • java 自定义json解析注解 复杂json解析 工具类
  • 类的 6 个默认成员函数
  • 基于Verilog HDL的状态机描述方法
  • 6年软件测试经历:成长、迷茫、奋斗
  • OpenMMLab AI实战营第五次课程
  • 【软考】系统集成项目管理工程师(二十)项目风险管理
  • 2017-PMLR-Neural Message Passing for Quantum Chemistry
  • Python:每日一题之全球变暖(DFS连通性判断)
  • 企业级安全软件装机量可能大增
  • 为什么要用频谱分析仪测量频谱?
  • Python环境搭建、Idea整合
  • HTTP请求返回304状态码以及研究nginx中的304
  • 【GD32F427开发板试用】使用Arm-2D显示电池电量
  • TS第二天 Typesrcipt编译