如何使用 select 選項更改 DataTable 中的數據

Question

前台數據表

這是數據表的前端
我想從 select 選項更改數據表數據。 更改為其他類別顯示錯誤后第一次工作。

數據表警告：表 id=tblviewstock - 無法重新初始化數據表

 <table id="tblviewstock" class="table table-striped " > <thead> <tr> <th>Batch ID</th> <th>Product ID</th> <th>selling price</th> <th>Quantity</th> <th>Receive Date</th> </tr> </thead> <tbody id="stockBody" style="font-size: 13px"> </tbody> </table>

javascript

 $("#stock_cat").change(function () { var cat_id = $(this).val(); var dataTable = $("#tblviewstock").DataTable({ "processing": true, "serverSide": true, "ajax": { "url": "lib/mod_stock.php?type=viewStock&catid="+cat_id, "type": "POST" }, "columns": [ {"data": "0"}, {"data": "1"}, {"data": "2"}, {"data": "3"}, {"data": "4"}, ] }); });

mod_view.php - function view_stock()這個文件是 mod-view.php

 function viewStock(){ $catid = $_GET['catid']; $table ='tbl_products'; $primaryKey ='prod_id'; $where = "cat_id='$catid'"; $columns = array( array( 'db' => 'prod_id', 'dt'=> 0), array( 'db' => 'prod_img', 'dt'=> 1), array( 'db' => 'prod_name', 'dt'=> 2), array( 'db' => 'prod_modal', 'dt'=> 3), array( 'db' => 'prod_color', 'dt'=> 4), ); require_once('config.php'); $host = Config::$host; $user = Config::$db_uname; $pass = Config::$db_upass; $db = Config::$db_name; $sql_details = array( 'user' => $user, 'pass' => $pass, 'db' => $db, 'host' => $host ); require('ssp.class.php'); echo json_encode( SSP::complex($_POST, $sql_details, $table, $primaryKey, $columns,null,$where ) ); }

Answer 1

無法重新初始化數據表。 （即不能為同一張表設置兩次選項）。 您可以嘗試銷毀表並在選擇新類別后重新創建它。 也許嘗試：

var dataTable;
var i = 0;
$("#stock_cat").change(function  () {
  if(++i > 1) dataTable.destroy();
  var cat_id = $(this).val();   

    dataTable = $('#tblviewstock').DataTable( {
        "processing": true,
        "serverSide": true,

       "ajax": {
          "url": "lib/mod_stock.php?type=viewStock&catid="+cat_id,
           "type": "POST"
        },
        "columns": [
           {"data": "0"},
           {"data": "1"},
           {"data": "2"},
           {"data": "3"},
           {"data": "4"},
        ]
    });

});