Question

我正在尝试将列过滤器添加到服务器端DataTables.js请求（其使用的数据库很大）。当我从YADCF添加行时，我没有文本框的功能。将列过滤器添加到我的php文件的正确方法是什么？目前我有：index.php

<head>
    <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">


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

                    }
                }
            } );

        } );
    </script>
    <style>
        div.container {
            margin: 0 auto;
            max-width:760px;
        }
        div.header {
            margin: 100px auto;
            line-height:30px;
            max-width:760px;
        }
        body {
            background: #f7f7f7;
            color: #333;
            font: 90%/1.45em "Helvetica Neue",HelveticaNeue,Verdana,Arial,Helvetica,sans-serif;
        }
    </style>
</head>
<body>
    <div class="header"></h1></div>
    <div class="container">
        <table id="employee-grid"  cellpadding="0" cellspacing="0" border="0" class="display" width="100%">
                <thead>
                    <tr>
                        <th>Employee name</th>
                        <th>Salary</th>
                        <th>Age</th>
                    </tr>
</thead>        </table>    </div></body></html>

和我的sql请求文件：employee-grid-data.php

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

 $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
0 =>'employee_name', 
1 => 'employee_salary',
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
$sql.=" AND ( employee_name LIKE '".$requestData['search']['value']."%' ";    
$sql.=" OR employee_salary LIKE '".$requestData['search']['value']."%' ";

$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  */  
 $query=mysqli_query($conn, $sql) or die("employee-grid-data.php: get employees");

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

$nestedData[] = $row["employee_name"];
$nestedData[] = $row["employee_salary"];
$nestedData[] = $row["employee_age"];

$data[] = $nestedData;
 }



 $json_data = array(
        "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. 
        "recordsTotal"    => intval( $totalData ),  // total number of records
        "recordsFiltered" => intval( $totalFiltered ), // total number of records after searching, if there is no searching then totalFiltered =      totalData
        "data"            => $data   // total data array
        );

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

 ?>

我试图将我的数据表函数与在的YADCF函数结合起来; http://yadcf-showcase.appspot.com/DOM_Ajax_Multiple_1.10.html。但是，我无法使列过滤器工作。 YADCF服务器端请求的正确语法是什么？或者我必须对jquery.datatables.js或jquery.datatables.yadcf.js进行更改吗？

我尝试创建变量oTable但仍然无法使yadcf.init（oTable）使文本框起作用。我错过了什么？

感谢您的帮助。

Answer 1

请参阅YADCF - Server side source example。每个列过滤器都将输入的值作为columns[X][search][value]发送，其中X是从零开始的列索引。

因此，在服务器端脚本中有三列的示例中，您将在以下变量中使用列过滤器：

$requestData['columns'][0]['search']['value']
$requestData['columns'][1]['search']['value']
$requestData['columns'][2]['search']['value']

如果他们的内容不是空字符串，您需要调整PHP以将这些过滤器纳入帐户。

Answer 2

https://datatables.ozdemir.be/custom-filter2上有一个php库

这是将其应用于yadcf的方法。该库可以根据需要创建自定义过滤器。

<?php
require_once 'vendor/autoload.php';

use Ozdemir\Datatables\Datatables;
use Ozdemir\Datatables\DB\SQLite;

$path = dirname(__DIR__).'/database/Chinook_Sqlite_AutoIncrementPKs.sqlite';
$dt = new Datatables(new SQLite($path));

$dt->query('Select TrackId, Name from Track ');

$dt->filter('TrackId', function (\Ozdemir\Datatables\FilterHelper $helper) {
    if ($helper->searchValue() === '-yadcf_delim-') {
        return '';
    }
    $val = explode('-yadcf_delim-', $helper->searchValue());
    return $helper->between($val[0], $val[1] ?? null);
});

echo $dt->generate();

如何将YADCF实现到服务器端DataTable

2 个答案: