2014-11-18 6 views
1

Я использую DataTable JQuery с CheckBox столбца для выбора проверяемого значения строк встрока не работает в JQuery DataTable

нажатия кнопки события. Пожалуйста, посмотрите мое изображение ниже.

enter image description here

Я использую этот код для получения контрольных строк

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

Моей проблемы, когда я нажимаю флажок строки заголовка, это работает отлично. Но это показывает нуль

в одной строке флажок. Я не знаю.

Редактировать

поджигатель

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

что дает в то время как у его отладки? – BNN

+0

Что говорит ваша ошибка? Можете ли вы скриптировать свой код? –

+0

введите код javascript. –

ответ

1

Мне очень жаль говорить всех сторонников. Ошибка в столбце флажка. Мне нужно

место проверки функции на моей странице, чтобы убрать флажок отмеченного события.

/* 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 */ 

Спасибо всем сторонникам

+2

hehehe, это случается и с такими людьми, как я. Спасибо, что получил. :) – BNN

+0

Я .. Снова сказал, что извиняюсь .... –

Смежные вопросы