JS实现删除一行数据页面序号重新排序功能。
JS实现删除一行数据,页面序号重新排序功能。
【废话,可以直接跳到重点实现】针对这类问题,先整理一下需求和思路:
需求:有一个列表数据,序号为1,2,3...10 删除其中任意一行,比如3,剩余1,2,4...10还要按照1,2,3...9的顺序来排序。然后你在根据你的业务场景去处理你想要的结果集。
思路:1,前端展示序号的时候,需要前端处理(JS实现:对于删除事件进行处理,首先获取当前删除行的序号,再将剩余行序号减1即可)。
2,前端不需要展示序号的时候,可以前端或者后端处理(后端对数据重新排序实现,此文忽略)。
【实现】
1,html页面:
部分静态html页面:
新增按钮事件:
【重点实现】
【扩展分析】
对于列表数据,进行form表单提交的时候,往往是整体数据提交,存在较多的数据量。可以根据form表单提交的性质,修改有规则的name属性值,就可以在后台拿到对应的数据集。此时上文中的每个name属性的值的作用就能体现出来了。
如:name="irmContentTime1",name="irmContentTime2"
在后台就可以直接根据这样的规则去遍历或者有针对性的处理业务数据,同时对于页面有规则的处理也有较大的方便之处。
JS实现删除一行数据页面序号重新排序功能。相关教程