複選框和檢查數據表中的所有函數Jquery PHP Mysql

Question

以下是php腳本，用於從json數據庫表中獲取數據到Datatable;

<?php 
 
/* Database connection start */ 
 
$servername = "localhost"; 
 
$username = "root"; 
 
$password = "password1"; 
 
$dbname = "test"; 
 

 
$conn = mysqli_connect($servername, $username, $password, $dbname) or die("Connection failed: " . mysqli_connect_error()); 
 

 
/* Database connection end */ 
 

 

 
// storing request (ie, get/post) global array to a variable 
 
$requestData= $_REQUEST; 
 

 

 
$columns = array( 
 
// datatable column index => database column name 
 
\t 0 =>'employee_name', 
 
\t 1 => 'employee_salary', 
 
\t 2=> 'employee_age' 
 
); 
 

 
// getting total number records without any search 
 
$sql = "SELECT employee_name, employee_salary, employee_age "; 
 
$sql.=" FROM employee"; 
 
$query=mysqli_query($conn, $sql) or die("employee-grid-data.php: get employees"); 
 
$totalData = mysqli_num_rows($query); 
 
$totalFiltered = $totalData; // when there is no search parameter then total number rows = total number filtered rows. 
 

 

 
$sql = "SELECT employee_name, employee_salary, employee_age "; 
 
$sql.=" FROM employee WHERE 1=1"; 
 
if(!empty($requestData['search']['value'])) { // if there is a search parameter, $requestData['search']['value'] contains search parameter 
 
\t $sql.=" AND (employee_name LIKE '".$requestData['search']['value']."%' ";  
 
\t $sql.=" OR employee_salary LIKE '".$requestData['search']['value']."%' "; 
 

 
\t $sql.=" OR employee_age LIKE '".$requestData['search']['value']."%')"; 
 
} 
 
$query=mysqli_query($conn, $sql) or die("employee-grid-data.php: get employees"); 
 
$totalFiltered = mysqli_num_rows($query); // when there is a search parameter then we have to modify total number filtered rows as per search result. 
 
$sql.=" ORDER BY ". $columns[$requestData['order'][0]['column']]." ".$requestData['order'][0]['dir']." LIMIT ".$requestData['start']." ,".$requestData['length']." "; 
 
/* $requestData['order'][0]['column'] contains colmun index, $requestData['order'][0]['dir'] contains order such as asc/desc */ \t 
 
$query=mysqli_query($conn, $sql) or die("employee-grid-data.php: get employees"); 
 

 
$data = array(); 
 
while($row=mysqli_fetch_array($query)) { // preparing an array 
 
\t $nestedData=array(); 
 

 
\t $nestedData[] = $row["employee_name"]; 
 
\t $nestedData[] = $row["employee_salary"]; 
 
\t $nestedData[] = $row["employee_age"]; 
 
\t 
 
\t $data[] = $nestedData; 
 
} 
 

 

 

 
$json_data = array(
 
\t \t \t "draw"   => intval($requestData['draw']), // for every request/draw by clientside , they send a number as a parameter, when they recieve a response/data they first check the draw number, so we are sending same number in draw. 
 
\t \t \t "recordsTotal" => intval($totalData), // total number of records 
 
\t \t \t "recordsFiltered" => intval($totalFiltered), // total number of records after searching, if there is no searching then totalFiltered = totalData 
 
\t \t \t "data"   => $data // total data array 
 
\t \t \t); 
 

 
echo json_encode($json_data); // send data as json format 
 

 
?>

，下面將我的數據表頁面;

\t \t <script type="text/javascript" language="javascript" > 
 
\t \t \t $(document).ready(function() { 
 
\t \t \t \t var dataTable = $('#employee-grid').DataTable({ 
 
\t \t \t \t \t "processing": true, 
 
\t \t \t \t \t "serverSide": true, 
 
\t \t \t \t \t "ajax":{ 
 
\t \t \t \t \t \t url :"employee-grid-data.php", // json datasource 
 
\t \t \t \t \t \t type: "post", // method , by default get 
 
\t \t \t \t \t \t error: function(){ // error handling 
 
\t \t \t \t \t \t \t $(".employee-grid-error").html(""); 
 
\t \t \t \t \t \t \t $("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>'); 
 
\t \t \t \t \t \t \t $("#employee-grid_processing").css("display","none"); 
 
\t \t \t \t \t \t \t 
 
\t \t \t \t \t \t } 
 
\t \t \t \t \t } 
 
\t \t \t \t }); 
 
\t \t \t }); 
 
\t \t </script> 
 
\t

餘米試圖在第一列中添加複選框以選擇一個行或多個或所有的行並提交。

但我不能這樣做，任何人都可以幫助我做到這一點嗎？

Answer 1

請參閱jQuery DataTables Checkboxes jQuery DataTables的插件。

var table = $('#example').DataTable({ 
    'columnDefs': [ 
     { 
     'targets': 0, 
     'checkboxes': { 
      'selectRow': true 
     } 
     } 
    ], 
    'select': { 
     'style': 'multi' 
    }, 
    'order': [[1, 'asc']] 
});