学习MVC项目的过程中,经常会遇到一些需要新增多条数据的地方,如果单条的去新增不仅麻烦,还浪费时间,因此就需要多条数据一起新增,即批量新增。这里效果运用到layui组件,选中表格多行数据并新增。
1.首先建立一个项目需求表:
2.点击选择项目,则弹出一个浏览项目框,选择需要的项目,新增到项目需求表里:
3.点击确定,新增成功:
js代码:
①获取选择行数据;②判断是否选中数据,没选中则提示请选择您需要的项目;③定义一个空值;④遍历选中的数据,将id值进行字符串的拼接;⑤这里利用substring()方法来去掉最后一个“;”分号。substring()方法用于提取字符串中介于两个指定下标之间的字符。⑥post请求,将拼接的字符串传到控制器;⑦刷新表格;
控制器代码:
①声明一个变量来记录传过来id数;②判断传过来的参数是否为空;③对传过来的参数字符串id进行分割;④遍历所有id;⑤将string类型的id转换为int类型;⑥根据id查询数据;⑦实例化数据表,数据表字段=查询出来对应的数据;⑧保存数据;