移动DataTables分页长度下拉列表

Question

我正在尝试移动DataTables用于确定要显示的行数的下拉列表。我想到的一种方法是使用jQuery的prependTo（）/ appendTo（）函数，但感觉有点太黑了。我尝试搜索DataTables API，看看是否有一些原生方式，但我找不到任何东西。我想知道是否有更好的方法来做到这一点。

这基本上就是我要做的事：http://jsfiddle.net/jbZG7/

$("#tableID").dataTable();
$("#tableID_length").prependTo("#new-div-id");

谢谢！

Answer 1

我创建了一个自定义dataTables小部件，它将jQuery UI Dialog与DataTables结合在一起。我也需要将dataTable控件移动到自定义位置，而这与sDOM无法以您需要的方式完成。

在寻找解决方案时，我担心.appendTo / .prepend太过于hacky，但事实证明.appendTo / .prependTo是我找到的最佳解决方案。

$('tableID').dataTable({
  fnInitComplete : function( oSettings, json ){
   $("#tableID_length").detach().prependTo("#new-div-id");
  }
});

Updated jsFiddle

fnInitComplete

Answer 2

打开dataTables.js文件。查看内部，看看是否可以找到与分页相关的任何内容。我做了一个CTRL + F并输入了分页。您想查找有关寻呼机绘制位置的信息。

另外......使用firebug在dataTables.js文件中设置断点也可能是一个很大的帮助。