如何在數據表中添加新行

Question

我的js文件中有DataTable。

function getStudentDetail(id) {
//id is set globally
  var oTableStudentDetails = $('#student_detail').DataTable({}); 
   $('#btn-add-row').on( 'click', function () {
    oTableStudentDetails.row.add([' ',' ',' ',' ',' ']).draw();
   } );
  }   

使用這個，我可以在“ $（'＃student_detail'）。DataTable（{}）;” datatable中添加新行。

我必須從數據庫中獲取一些數據，並且確實在DataTable中獲取了它。 但是在那之后，我不能像以前一樣在dataTable中添加新行。

function getStudentDetail(id) {
//id is set globally
var oTableStudentDetails = $('#student_detail').DataTable({
    "bProcessing":  true,
    "bServerSide":  true,
    "bDestroy": true,
    "bLengthChange": false,
    "dataType": "json",
    "ajax": {
        "url": url_prefix + "/getStudentDetail",
        "data": function(d) {
            d.idstudent = id;
         }
      }
   });

 $('#btn-add-row').on( 'click', function () {
    oTableStudentDetails.row.add([' ',' ',' ',' ',' ']).draw(); //this is not working  
                                                                  after using ajax 
                                                                  value in DataTable 
   } );
  }  

當我嘗試添加新行時，我看到“正在處理”，但我無法添加新的空行。 我究竟做錯了什么。 誰能幫忙。

服務器端的結果如下所示

 {"aaData": [["1", "roshi", "sssss", "xxxxxxxxxxx", "xxxxxxxxxxx"]], "iTotalRecords": 1, "sEcho": 99, "iTotalDisplayRecords": 1}

誰能幫我這個。 一切似乎都很好。 但是為什么我不能添加新的？

Answer 1

我認為您可能需要在添加行后呈現表。 看起來您正在獲取數據，而不是在“重繪”表。

我使用jQuery模板庫執行此操作。 您將需要編寫類似於以下內容的內容：

$('page').tmpl(studentTable).appendTo($(page).find('#yourTable tbody'));

這可能是錯誤的，但也許它將為您提供一個起點？ 我對JQuery和JS比較陌生。