2014-06-28 3 views
3

Мой вопрос такой же, как имя hereJQuery 1.10.2 Datatable makeEditable() не является функцией

Но это работает, если мы используем 1.jquery1.7.2.js

2.jquery. dataTables.min.js (1.7.2)

3.jquery.jeditable.js (1.7.3)

4.jquery.dataTables.editable.js (2.3.3)

Бу т в настоящее время я использую 1.jquery1.10.2.js

2.jquery.dataTables.min.js (1.10.2)

3.jquery.jeditable.js (1.7.3)

4.jquery.dataTables.editable.js (2.3.3) Ошибка металирования table.makeEditable() не является функцией. Я не нашел, где ошибка? Пожалуйста, помогите мне. Заранее спасибо.

<html> 


<head> 
    <link href="/JqueryDatatable/css/dataTables.jqueryui.css" type="text/css" rel="stylesheet"/> 
    <link href="/JqueryDatatable/css/jquery-ui.css" type="text/css" rel="stylesheet"/> 
    <link href="/JqueryDatatable/css/jquery.dataTables.css" type="text/css" rel="stylesheet"/> 

    <script type="text/javascript" src="/JqueryDatatable/js/jquery-1.10.2.js" ></script> 
     <script type="text/javascript" src="/JqueryDatatable/js/jquery.dataTables.js" ></script> 
    <script type="text/javascript" src="/JqueryDatatable/js/jquery.jeditable.js" ></script> 

    <script type="text/javascript" src="/JqueryDatatable/js/jquery.dataTables.editable.js" ></script> 

<script type="text/javascript"> 

$(document).ready(function() { 


var table= $('#example').DataTable({ 
     // "sScrollY":  250 

    }); 
    // Apply the filter 
    table.columns().eq(0).each(function (colIdx) { 
     $('input', table.column(colIdx).header()).on('keyup change', function() { 
      table 
       .column(colIdx) 
       .search(this.value) 
       .draw(); 
     }); 
    }); 

    //Making datatable as editable columns 
    table.makeEditable(); 

}); 

ответ

0

Try this

<script type="text/javascript"> 

    $(document).ready(function() { 


    var table= $('#example').DataTable({ 
    // "sScrollY":  250 

    }); 

// Apply the filter 
    table.columns().eq(0).each(function (colIdx) { 
    $('input', table.column(colIdx).header()).on('keyup change', function() { 
     table 
      .column(colIdx) 
      .search(this.value) 
      .draw() 
      .makeEditable(); 
    }); 
    }); 

    }); 
+0

Привет, Kartikeya, Спасибо, что поделились своими мыслями. Но все же я получаю ту же ошибку. «Ошибка типа uncaught: undefined не является функцией» – Prasad

0

это не ответ, но хотел бы, если вы нашли ответ на свой вопрос, как я столкнулся подобной проблемой, и причина в том, что вы использовали капитал «D» для данных, если вы использовали небольшой «d», как в

var table = $ ('# example'). dataTable ({)// «sScrollY»: 250

});

makeEditable будет работать для этого. Но в моем случае мне нужно использовать капитал «D», потому что мне нужно использовать функцию row(). Child() для datatable.

+0

Kunbi, вы правы. Если мы используем нижний регистр «d», мы не получили никаких ошибок. Но мне нужно применить фильтр заголовка для всех столбцов. В этом случае код, который я написал для применения фильтра столбца заголовка, не будет работать, он будет работать, если мы будем использовать jquery.dataTables.min.js (1.10.2). Я обнаружил, что обновленная версия jquery.dataTables.editable.js, которая совместима с jquery1.10.2.js, недоступна. – Prasad

+0

Я модифицировал код для применения фильтра на уровне столбца заголовка, он будет совместим с jquery1.7.2.js и jquery.dataTables.min.js (1.7.2) // Применяем фильтр $ («thead input»). keyup (function() { \t \t/* Фильтр по столбцу (индексу) этого элемента */ \t table.fnFilter (this.value, $ ("thead input").index (this)); \t}); – Prasad

+0

На самом деле, я использую версию jQuery, размещенную в Интернете, поэтому я сделал два разных объявления. Маленькая буква «d», когда мне нужно использовать makeEditable и большой «D», когда мне нужно использовать row.child() и его работу. Однако теперь моя задача состоит в том, что если я попытаюсь добавить новый столбец в datatable с помощью функции makeEditable, это не сработает. это дает мне ошибку. Я хотел бы знать, есть ли у вас ответ на этот вопрос. Спасибо. – Kunbi

2

Изменить этот

var table= $('#example').DataTable({ 

в

var table= $('#example').dataTable({ 

Im перед той же проблемой, и это решение работало отлично.

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