2015-04-29 1 views
1

У меня есть данные json, подобные этому, и теперь мне нужно передать эти данные json в datatables всякий раз, когда нажимается кнопка поиска на основе отправки значений.Как загрузить json в datatables в jquery на функцию щелчка?

[ 
{ 
     "port_code":"BOM", 
     "cont_details_id":"9", 
     "price":"44.000", 
     "cont_price":"500", 
     "cont_no":"11", 
     "cont_size":"20", 
     "cont_type":"GP" 
}, 
{ 
     "port_code":"BOM", 
     "cont_details_id":"10", 
     "price":"87.000", 
     "cont_price":"500", 
     "cont_no":"22", 
     "cont_size":"20", 
     "cont_type":"GP"   
}, 
..... 
..... 
etc., 
] 

и это то, что я пытался в JQuery для хранения JSON $ («# поиск»). Нажмите (функция() в этой функции я звоню файл JSon и пытался сохранить в DataTables, но его . не работает, пожалуйста, кто-то помочь мне с этим Спасибо

$(document).ready(function() 
    { 

    var oTable = $('#example').DataTable(); 

    $("#search").click(function() 
    { 
     $.post("invoice_ajax.php", 
     { 
      loc : $("#location").val(), 
      cust : $("#customer_details_id").val() 
     }, 
     function(data) 
     { 
      $("#text").html(data); 
      var s = JSON.parse(data); 

         for(var i = 0; i < s.length; i++) 
         { 
          oTable.fnAddData([ 
          s[i].block_id, 
          s[i].block_id, 
          s[i].block_id, 
          s[i].block_id, 
          s[i].block_id, 
          s[i].block_id, 
          s[i].block_id 
          ]); 
         } // End For 
     }); 
    }); 


    }); 

ответ

1

вы почти правы, за исключением того, что используется старый метод 1.9.x fnAddData на 1.10.x API Сделайте это вместо того, чтобы:...

oTable.row.add([ 
    s[i].port_code, 
    s[i].cont_details_id, 
    s[i].price, 
    s[i].cont_price, 
    s[i].cont_no, 
    s[i].cont_size, 
    s[i].cont_type 
]).draw(); 

или

var oTable = $('#example').dataTable(); 
... 
oTable.fnAddData([ 
    s[i].port_code, 
    s[i].cont_details_id, 
    s[i].price, 
    s[i].cont_price, 
    s[i].cont_no, 
    s[i].cont_size, 
    s[i].cont_type 
]); 
+0

Thank You So Much :) Можете ли вы, пожалуйста, сделать мне еще одну помощь? :-) Что такое код для очистки таблицы, когда изменение значения мне нужно очистить таблицу и изменить значение снова @davidkonrad – Munna

+1

@Munna, пожалуйста! Спасибо, что приняли ответ. Чтобы очистить таблицу, просто 'oTable.clear()' или 'oTable.clear(). Draw()' - см. Список полезных функций API здесь -> ** https: //datatables.net/reference/api/ ** – davidkonrad

+0

СПАСИБО БРО :) – Munna