Question

您好我使用ajax通过分页填充数据表，但使用下面的示例填充输入选择进行过滤，它只使用当前页面上找到的下拉列表填充下拉列表。因此，我从服务器端填充tfoot部分。

https://datatables.net/examples/api/multi_filter_select.html

但是，为了分配on change事件，我仍然尝试使用如下的initComplete方法..但它似乎没有进入更改事件。有什么我做错了吗？？

$.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+pos.coords.latitude+"&lon="+pos.coords.longitude+"&APPID=key", function(json){
    $("#weather").html(JSON.stringify(json));
});

服务器端生成的tfoot的html如下所示。

            "initComplete": function () {
            this.api().columns([1]).every(function () {
                var column = this;

                console.log(this.value);
                $('input', this.footer()).on('change', function (e) {
                    column.search(this.value).draw();
                });
            });

Answer 1

我设法使用以下代码来实现这一目标......

 "initComplete": function () {

            this.api().columns([1]).every(function () {
                var column = this;
                console.log($('select', this.footer()));
                $('select', this.footer()).on('change', function () {
                    alert('reach here');
                    console.log($(this).val());
                    var val = $(this).val();
                    column.search(val ? '^' + val + '$' : '', true, false).draw();

                });

            });

数据表tfoot输入选择服务器端搜索

1 个答案: