angular动态改变表格中的数据,将数据传向后台


三个小按钮

 
 
<tr *ngFor="let cond of conds;let i = index" >
  <td>{{i+1}}</td>
  <td>{{cond.projectName}}</td>
  <td>{{cond.appname}}</td>
  <td>{{cond.appperson}}</td>
  <td>{{cond.proposer}}</td>
  <td>{{cond.teacher}}</td>
  <td>{{cond.minusNum}}</td>
  <td>
    <span class="view_run_record"title="查看"><i class="fa fa-search"></i></span>
    <span class="through_btn"title="通过"><i class="fa fa-check-square-o"></i></span>
    <span class="refuse_btn"title="拒绝"><i class="fa fa-close"></i></span>
  </td>
</tr>

ts代码

let self = this ;
//审核通过
$(".tableclick tbody").on("click",".through_btn",function() {
  $(this).parent().parent().children("td").eq(5).text('审核通过');
  self.editCondModel.value.id = $(this).parent().parent().children("td").eq(0).text().toString();
  self.editCondModel.value.type = "审核通过";
  self.editCondModel.value.remark = "";
  
console.log(this.editCondModel.value);
});

将选中的那一列中的值改为审核通过。

再将值赋给对象,打印。

//拒绝审核


点击确认


<!--拒绝理由弹窗-->
<div class="refuse_reason">
  <div class="container col-md-12">
    <span class="close_list">x</span>
      <div class="refuse_main">
          <label>请填写拒绝理由:</label>
          <textarea name=""cols="30" rows="10" id="refuse_remark"></textarea>
      </div>
      <a class="btn refuse_confirm" >确认</a>
      <a class="btn close_list_btn">关闭</a>
  </div>
</div>
$(".tableclick tbody").on("click",".refuse_btn",function() {
  self.editCondModel.value.id = $(this).parent().parent().children("td").eq(0).text().toString();
  self.editCondModel.value.type = "未通过";
    $(".refuse_reason").slideToggle();
  }
);
//确认拒绝
$(".refuse_confirm").click(function() {
  self.editCondModel.value.remark = $("#refuse_remark").val();
  self.editCondState();
  $("#refuse_remark").val("");
  $(".refuse_reason").hide();
  }
);
这边点击拒绝按钮,传入id,和type。点击拒绝,传入remark。over。。。

猜你喜欢

转载自blog.csdn.net/twentyseventh/article/details/79739244