2014-11-18 3 views
1

선택 체크 된 행 값에 대해 jQuery 데이터 테이블을 사용하고 있습니다.행 확인란이 jQuery 데이터 테이블에서 작동하지 않습니다.

버튼 클릭 이벤트입니다. 내 아래 이미지를 참조하십시오.

enter image description here

나는 내가 그것의 머리글 행 확인란이 잘 작동 클릭하면

 var checkedRows = dtTable._('tr.checked', { "filter": "applied" }); 

내 문제가 확인 행을 얻기 위해이 코드를 사용합니다. 하지만 그것은 null을 보여줍니다

단일 행 확인란을 클릭하십시오. 나는 우둔 해.

편집

enter image description here

JQuery와

var dtTable = null; 
var ajaxUrl = ""; 

$(document).ready(function() { 

    GetCustomerAcceptence(); 

    $("#btnReceived").click(function() { 

     var checkedRows = dtTable._('tr.checked', { "filter": "applied" }); 

     if (checkedRows == null) { 
      alert("checkedRows is null."); 
     } 
     else { 
      alert("checkedRows is not null. Value : " + checkedRows[0][1]); 
     } 
    }); 

    function GetCustomerAcceptence() { 

     /* Clear datatable before reload. */ 

     ClearDataTable(); 

     var elementName = ""; 

     ajaxUrl = ""; 

     elementName = "#tblCustomerAcceptence"; 

     ajaxUrl = '@Url.Action("GetCustomerAcceptenceOrders", "Dispatch")'; 

     dtTable = $(elementName).dataTable({ 
      bProcessing: false, 
      bLengthChange: false, 
      bInfo: false, 
      bFilter: false, 
      bPaginate: false, 
      sAjaxSource: ajaxUrl, 
      aoColumns: [ 
       { 
        "sClass": "checkbox-column", 
        bSortable: false, 
        "mRender": function (data, type, full) { 
         return '<input type="checkbox" onclick="check(this)" class="icheck-input">'; 
        } 
       }, 
       { sTitle: "Id", bSortable: false, bVisible: false }, 
       { sTitle: "Number", bSortable: false, }, 
       { sTitle: "Description", bFilterable: true, bSortable: false, }, 
       { sTitle: "PoBox Number", bSortable: false, }, 
       { sTitle: "Owner", bSortable: false, }, 
       { sTitle: "Physical Weight", bSortable: false, }, 
       { sTitle: "Vol.Weight", bSortable: false, }, 
       { sTitle: "Last Status", bSortable: false, }, 
       { sTitle: "Zone", bSortable: false, }, 
      ], 
      "fnServerParams": function (aoData) { 
       aoData.push(
           { "name": "MasterAWB", "value": "0" }, 
           { "name": "PoboxNumber", "value": "0" }, 
           { "name": "TypeofGoods", "value": 0 }, 
           { "name": "Provider", "value": 0 }, 
           { "name": "DateFrom", "value": "0" }, 
           { "name": "DateTo", "value": "0" }, 
           { "name": "Zone", "value": 0 }, 
           { "name": "BagNumber", "value": "0" } 
       ); 
      }, 
     }); 
    } 

    function ClearDataTable() { 

     if (dtTable != null) { 
      dtTable.dataTable().fnClearTable(); 
      dtTable.dataTable().fnDestroy(); 
     } 

    } 
}); 

제발 도와주세요

불을 지르고.

+0

이 유는 무엇을 디버깅 제공하는 동안 모든 지지자에 대한

/* checkbox in table */ function check(e) { if ($(e).parent('td').parent('tr').hasClass('checked')) { $(e).parent('td').parent('tr').parent('tbody').parent('table').children('thead').find('th:first').children('div').removeClass('checked'); $(e).parent('td').parent('tr').removeClass('checked'); } else { $(e).parent('td').parent('tr').addClass('checked'); dtTable.fnDraw(); } } /* end */ 

감사합니다? – BNN

+0

오류가 무엇이라고 말합니까? 코드를 작성할 수 있습니까? –

+0

자바 스크립트 코드를 입력하십시오. –

답변

1

모든 지지자를 진심으로 사과드립니다. 확인란 열에 실수가 있습니다. 나는

나의 웹 페이지에 체크 박스 체크 이벤트를 발생시키는 장소 체크 기능이 필요하다.

+2

hehehe, 나 같은 사람들과도 발생합니다. 고마워요. ..! :) – BNN

+0

예 .. 다시 미안하다 .... –

관련 문제