数据表：长度过滤器丢失前置的自定义过滤器值

Question

here is my example

重新创建：

1. 在 firebug 或 chrome 中打开网络面板以查看请求

2. 更改自定义过滤器#fundraiser_id，注意标题form_data 显示您所做的新选择（i_fundraiser）

3. 将长度过滤器更改为任何新值

通过查看表头 form_data，您现在将看到参数已返回到其默认值

罪犯似乎是 .prependTo("#example_length")

通过注释掉，它可以正常工作

我不确定这里发生了什么，我尝试通过 drawCallback 方法将 prepend 添加到表中，但存在同样的问题

"drawCallback": function( settings ) {
  $("#fr_dd")
      .prependTo("#example_length")
      .removeClass('hide');
},

有什么想法吗？

Answer 1

我认为问题在于您正在尝试使用 prependTo 修改 DataTables 操作的区域。

最好使用dom 选项创建一个带有my-filter 类的单独div。

dom: "<'row'<'col-md-6 '<'my-filter'>l><'col-md-6 pull-right'>r>t<'row'<'col-md-6'i><'col-md-6'p>>",`

然后按如下方式使用 <div class="my-filter"></div>：

$("#fr_dd")
   .prependTo(".my-filter")
   .removeClass('hide');

请参阅this corrected example 进行演示。