datatablesボタンは、送信された変数に基づいてコンテンツを変更/フィルタリングします

Question

私はボタンプラグインでdatatablesを使用しています。私はサーバーに送信する必要がある変数に基づいて表示されるコンテンツをフィルタリングする2つのボタンがあるので、ajax URLはボタンを1つクリックするたびに変更する必要があります。

$('#example').DataTable({ 
    processing: true, 
    lengthChange: false, 
    dom: 'Bfrtip', 
    ajax: { 
     url: '/get?op=10', 
     dataSrc: '' 
    }, 
    columns: [ 
     { data: 'id' }, 
     { data: 'name' }, 
     { data: 'surname' }, 
     { data: 'phone' }, 
     { data: 'email' }, 
     { data: 'nin' } 
    ], 
    buttons: [ 
     { 
      text: 'Everyone', 
      // action ?? 
     }, 
     { 
      text: 'Owners', 
     }, 
     { 
      text: 'Applicants', 
     } 
    ], 
    select: true 
}); 

3番目のボタンは、ajaxのURLを元のURLにリセットする必要があります。

public function get_address_book_table($id, $owner = 0) { 
    $mysqli = $this->aet->getAetSql(); 
    $mysqli->set_charset('utf8'); 

    switch ($owner) { 
     case 0: $a = $b = NULL; break; 
     case 1: $a = 'pd.applicant_id'; $b = 'INNER JOIN property_demand pd ON pd.applicant_id = ab.id'; break; 
     case 2: $a = 'po.owner_id';  $b = 'INNER JOIN property_owner po ON po.owner_id = ab.id'; break; 
    } 

    $query = 'SELECT ab.*, sab.*' . $a . ' 
       FROM address_book ab 
       INNER JOIN staff_address_book sab ON sab.contact_id = ab.id' . 
       $b . ' 
       WHERE sab.staff_id = ?'; 

    if ($stmt = $mysqli->prepare($query)) { 
     $stmt->bind_param('s', $id); 
     $stmt->execute(); 

     $stmt->bind_result($id, $name, $surname, $phone, $email, $nin, $note, $a, $b); 

     $data = []; 
     while ($stmt->fetch()) { 
      $nestedData = []; 
      $nestedData['id'] = $id; 
      $nestedData['name'] = $name; 
      $nestedData['surname'] = $surname; 
      $nestedData['phone'] = $phone; 
      $nestedData['email'] = $email; 
      $nestedData['nin'] = $nin; 
      $data[] = $nestedData; 
     } 
    } 

    return $data; 
} 

とGETファイル：テーブルは新しいサーバーで更新されるように、私は、私はクリックでAJAX URLを変更することができ、ボタンプラグインのオプションを探しています

// address_book table 
if ($op === 10) { 

    $owner = isset($_GET['owner']) ? (int) $_GET['owner'] : 0; 
    $result = $functions->get_address_book_table($staff->getId(), $owner); 

    header('Content-type: text/json'); 
    header('Content-type: application/json'); 
    echo json_encode($result); 
} 

コンテンツ。

Answer 1

ボタンイベントで値を設定し、その値をパラメーターとしてサーバーに渡す必要があります。最後に、ボタンをクリックしたときにajaxデータのリロードをトリガーしたいと思うかもしれません。

var filterType = 'all'; 
$('#example').DataTable({ 
    processing: true, 
    lengthChange: false, 
    dom: 'Bfrtip', 
    serverSide: true, 
    ajax: { 
     url: '/get', 
     //dataSrc: 'data', 
      data: function(d) { 
      d.op = 10; 
      d.filterType = filterType; 
      } 
    }, 
    columns: [ 
     { data: 'id' }, 
     { data: 'name' }, 
     { data: 'surname' }, 
     { data: 'phone' }, 
     { data: 'email' }, 
     { data: 'nin' } 
    ], 
    buttons: [ 
     { 
      text: 'Everyone', 
      action: function(e, dt) { filterType = 'all'; dt.ajax.reload(); } 
     }, 
     { 
      text: 'Owners', 
      action: function(e, dt) { filterType = 'owner'; dt.ajax.reload(); } 
     }, 
     { 
      text: 'Applicants', 
      action: function(e, dt) { filterType = 'app'; dt.ajax.reload(); } 
     } 
    ], 
    select: true 
});