jQuery DataTables 行重新排序和 CoffeeScript

Posted

技术标签:

【中文标题】jQuery DataTables 行重新排序和 CoffeeScript【英文标题】:jQuery DataTables rowreordering and CoffeeScript 【发布时间】:2013-09-14 05:53:14 【问题描述】:

我在 Rails 站点上使用数据表,并打算使用它的行重新排序插件。数据表网站上的文档说实现很容易 - 我需要做的就是;

$(document).ready(function()
 $('#example').dataTable()
      .rowReordering();
);

但是对于我的生活,我无法弄清楚如何使用 CoffeeScript 来实现这一点,或者这是否是必要的。我当前的 ds.js.coffee 文件如下所示;

jQuery ->

  $('#thetable').dataTable
    bDestroy: true,
    sPaginationType: "full_numbers",
    bAutoWidth: false,
    aLengthMenu: [[25,50,100,-1],[25,50,100,"All"]],
    iDisplayLength: 50,
    aoColumns: [ "bSortable": false , null,null,null,null,null,null,null,null],
    aaSorting: [[ 1, 'asc' ]],
    bStateSave: true;

  $(document).ready ->
    $('#thetable').dataTable
      .rowReordering();

但是在管理完这个之后,桌面上就没有拖放了。

【问题讨论】:

【参考方案1】:

这不是函数调用:

$('#thetable').dataTable # <----------------
  .rowReordering();

函数调用括号不是在您调用不带参数的函数时(以及其他各种地方)是可选的,您需要说明:

$('#thetable').dataTable().rowReordering()

$('#thetable').dataTable()
  .rowReordering();

【讨论】:

是的,我应该发现这一点。谢谢。然而,这并不是阻止重新订购的唯一问题。我现在有了它,我相信 jqueryui 没有被包括在内。此外,还需要对数据表进行更多配置 - 它并不像文档描述的那么简单。 @ObregonCornsnook:文档倾向于呈现现实的简化版本 :)

以上是关于jQuery DataTables 行重新排序和 CoffeeScript的主要内容,如果未能解决你的问题,请参考以下文章

Jquery Datatables 禁用特定行的排序

jquery dataTables 插件可以在排序/过滤后尊重备用行颜色吗?

在 ASP.Net MVC 5 中使用 DataTables 行重新排序来更新值

保持启用的复选框在 jQuery DataTables 的顶部,尽管排序顺序

JQuery UI Sortable + DataTables显示所有行而不刷新当前页面

在 dataTables.js jQuery 插件中使列不可排序