Rails 3, Ajax 표 데이터 삭제

1802 단어 jqueryAjaxtablepost

id 에 따라 데 이 터 를 삭제 할 수 있 도록 숨겨 진 도 메 인 을 id 로 설정 합 니 다.
 
<tr>
<input type="hidden" value="46" name="come_in_bill_id">
<td>  </td>
<td>500.0</td>
<td>2013-01-01</td>
<td>
<input id="bt_edit_cib" class="btn btn-mini" type="button" value="  ">
<input id="bt_destroy_cib" class="btn btn-mini btn-danger" type="button" value="  ">
</td>
</tr>

 
모든 삭제 단 추 를 클릭 이벤트 에 추가 하고 이 데 이 터 를 가 져 오 는 id 를 서버 에 ajax 요청 을 보 냅 니 다.
 
 
$(document).ready(function(){
  DeleteClick();
  EditClick();
});

function DeleteClick() {
  $("table tr input[value='  ']").each(function () {
    $(this).unbind("click");
    $(this).bind("click", function () {
      if ($(this).val() == "  ") {
        var isDelete=confirm("    ?");
        if (isDelete){
          $(this).parent().parent().remove();
          var come_in_bill_id = $(this).parent().parent().find("input[type='hidden']").val();
          $.post("destroy_come_in_bill", {
            cib_id: come_in_bill_id
          },function(data){
          },"json")
        }
      }
    });
  });
}

 
서버 세그먼트 id 에 따라 데이터베이스 에서 지정 한 데 이 터 를 삭제 합 니 다.
 
 def destroy_come_in_bill
   @come_in_bill = ComeInBill.find(params[:cib_id])
   @come_in_bill.destroy
   render json: @come_in_bill
 end

좋은 웹페이지 즐겨찾기