怎么做一张图片的网站,上海市建设干部学校网站,光明新区住房和建设局网站,苏州网页制作设计开发的时候#xff0c;我们经常会涉及元素的多选多#xff0c;并且还需要对选中的元素进行拖动排序
通用的设计方案如下
游戏资源集合与游戏资源的绑定关系处理#xff08;多选多的一种通用处理逻辑#xff09; 可能的情况#xff1a; 1.之前被选中的资源#xff0c;现…开发的时候我们经常会涉及元素的多选多并且还需要对选中的元素进行拖动排序
通用的设计方案如下
游戏资源集合与游戏资源的绑定关系处理多选多的一种通用处理逻辑 可能的情况 1.之前被选中的资源现在取消了选中对应的就是删除关联关系的场景 2.之前没有被选中的资源现在被选中了对应的就是新增关联关系的场景。
实现设计 1.页面需要返回所有的英语游戏资源并且判断在这个游戏集合下哪些已经被选中了哪些没有被选中 字段:{游戏资源的id:1,name:游戏名1,游戏是否被选中了:选中或者没有选中的结果返回} 然后前端根据这些进行加载和渲染如果取消勾选就把选中改为未选中如果新勾选就把未选中改为选中不管用户做多少次勾选和去勾选都是一样的逻辑只关注最后列表项中哪些是被选择的哪些是未被选中的
2.接口提交的后台处理 2.1先将返回页面的数据再数据库中重新查询出来 2.2根据id一个个的对比新旧的是否选中的值的对比一样的就是不变;新值是选中的就新增关联关系新值是未选中的就是删除关联
3.如果需要排序序号的话选中元素需要在某个地方按指定的顺序来排序如何处理的问题最好是前端能够拖动顺序然后提交的时候按元素顺序加载即可被选中的元素在数组中的顺序就是他们新的顺序有的可能还是被选中的状态但是他的序号变了这种也要判断一下序号是否相等不相等的也做序号更新逻辑
