列表的多项删除

列表的多项删除

---

• 增加删除按钮

    <button type="button" class="btn btn-default" title="删除"
                                              onclick='delMany()'>
                                          <i class="fa fa-trash-o"></i> 删除
                                      </button>

   

• jsp页面

  <form action="${pageContext.request.contextPath}/order/delMany" id="delForm">
                              <c:forEach items="${pageInfo.list}" var="order">
                                  <tr>
                                      <td><input name="ids" type="checkbox" value="${order.id}"></td>
                                      <td>${order.id}</td>
                                      <td>${order.orderNum}</td>
                                      <td>${order.orderTime}</td>
                                      <td>${order.peopleCount}</td>
                                      <td>${order.payType==0?"支付宝":order.payType==1?"微信":"其它"}</td>
                                      <td>${order.orderStatus==0?"未支付":"已支付"}</td>
                                      <td>${order.product.productName}</td>
                                      <td class="text-center">
                                          <button type="button" class="btn bg-olive btn-xs"
                                                  onclick='location.href="${pageContext.request.contextPath}/pages/order-show.jsp"'>
                                              订单
                                          </button>
                                          <button type="button" class="btn bg-olive btn-xs"
                                                  onclick='location.href="${pageContext.request.contextPath}/pages/order-show.jsp"'>
                                              查看
                                          </button>
                                      </td>
                                  </tr>
                              </c:forEach>
                          </form>

   

• javascript

  <script>
      function  delMany() {
          var delForm = $("#delForm");
          if(confirm("确定要删除吗?")){
              delForm.submit();
          }
      }
  </script>

   

• controller层

   @RequestMapping("/delMany")
      public String delMany(Integer[] ids) {
          orderService.delMany(ids);
          return "redirect:/order/findAllByPageHelper";
      }

   

• serviceImpl层

  @Override
      public void delMany(Integer[] ids) {
          for (Integer id : ids) {
              orderDao.delOne(id);
          }
      }

   

• dao层

  @Delete("delete from orders where id=#{id}")
      void delOne(Integer id);

   

• 总结:

  1. 增加删除按钮触发delMany()函数,函数收集要删除的订单号并提交

  2. 订单列表前加checkbox类型input框 value值就是订单的id

  3. 提交表单收集id的数字数组,参数传递至controller

  4. controller层用Ingeter[] 数组接受

  5. 掉用serviceIMol层循环数组单个删除订单

•