0

我刚刚将 DataTables Column Filter Add-on 添加到我的数据表中，它在页脚上显示了列搜索字段。但是，如果我输入“处理”会在短时间内完成，但结果不会更新。即过滤。

我在后端使用 codeIgniters ignitedDatatables。其他一切都很好（分页，右上角的全局搜索，）我在网上没有发现我是否需要配置其他东西才能使过滤器工作。

这是我的看法-

<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://localhost/eshop/css/admin/style.css" />

    <script type="text/javascript" language="javascript" src="<?php echo base_url() ?>js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo base_url() ?>js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo base_url() ?>js/jquery.dataTables.columnFilter.js"></script>


    <link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>css/jquery.dataTables_themeroller.css"/>

    <link rel="stylesheet" href="http://localhost/eshop/css/admin/smoothness/jquery-ui-custom.css"/>

    <script>

        $(document).ready(function() {   
            $('#data_table').dataTable( {
                "bProcessing": true,
                "bServerSide": true,
                "bJQueryUI": true,           
                "sPaginationType": "full_numbers",
                "sAjaxSource": "<?php echo base_url() ?>grid/getCustomers"
            } ).columnFilter(
            {
                aoColumns: [
                    {
                        type: "number"
                    },
                    {
                        type: "text",
                        bRegex: true,
                        bSmart: true
                    },
                    null
                ]
            }
        );

        } );

    </script>

</head>
<body>
    <div class="widget_body">
        <table id="data_table" class="data_table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
            <tfoot style="background-color: whitesmoke;">
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
            </tfoot>
        </table>
    </div>
</body>

我的控制

//display
public function index()
{
    $this->load->view('datatableview');
}

//ajax request handler
public function getCustomers()
{
    $this->load->library('datatables');

    $this->datatables->select('id,first_name,last_name')
            ->from('data_table');
    echo $this->datatables->generate();


}

正如我之前所说，ID 和名字的底部出现了 2 个输入框，但是一旦我输入这些框，我就看不到显示的变化

如果我在第二列的输入框中键入 =“Bjo”，我发现来自 firebug 的获取请求是

_=1354249241305
bRegex=false
bRegex_0=false
bRegex_1=true
bRegex_2=false
bSearchable_0=true
bSearchable_1=true
bSearchable_2=true
bSortable_0=true
bSortable_1=true
bSortable_2=true
iColumns=3
iDisplayLength=10
iDisplayStart=0
iSortCol_0=0
iSortingCols=1
mDataProp_0=0
mDataProp_1=1
mDataProp_2=2
sColumns=
sEcho=22
sRangeSeparator=~
sSearch=
sSearch_0=
sSearch_1=Bjo
sSearch_2=
sSortDir_0=asc

找到响应

{"sEcho":22,"iTotalRecords":30,"iTotalDisplayRecords":30,"aaData":[["1","Shabab","Haider"],["2","Anas","Numan"],["3","Bjoy","Manik"],["4","Bjoy","Manik"],["5","Bjoy","Manik"],["6","Bjoy","Manik"],["7","Bjoy","Manik"],["8","Bjoy","Manik"],["9","Bjoy","Manik"],["10","Bjoy","Manik"]],"sColumns":"id,first_name,last_name"}

编辑：自从我使用该插件以来已经有一段时间了。我在 github 中使用我的过滤代码创建了一个分支。但它需要一些测试。当我有时间时，我会自己测试它-同时，如果有人想成为亲爱的并为他人做这件事-

https://github.com/shababhsiddique/Ignited-Datatables/blob/Branche_Column_Filter/application/libraries/Datatables.php

这是我很久以前使用的实际代码。它很旧，看看它是否适用于你的版本

https://drive.google.com/file/d/0BzKzAVzAWPRgcmNCbGhnU3pqaW8/view?usp=sharing
4

1 回答 1

0

我只是认为 json 生成库有问题。

点燃的数据表库不完整。我不得不修改他们的图书馆

我不记得我所做的所有更改（那里有很多）但我记得我更改了所有输入->获取输入->发布和所有 $_GET 到 $_POST

我想我也修改了这个功能

protected function get_filtering()

这是我使用的当前编辑库-

{ http://162.212.134.58/shabab/Datatables.zip }

您可以将您的图书馆与我的图书馆相匹配以找出答案。

我还没有更新到最新的数据表。

于 2013-05-18T10:02:05.917 回答