从2.2.1升级到rails 2.2.3破坏RailsCasts 340数据中的代码

Question

这是信息，因为我提出了这个问题，并将提供答案。这是为了记录和帮助跟踪我的人。

我使用DataTables 340构建RailsCasts。他们工作得很好，但我在列宽和表宽等方面做了一些斗争。见数据表行扩展到过去的表边界，或者太窄。。一般来说，将从2.2.1升级到2.2.3 (从DataTables 1.9升级到1.10 )似乎是个好主意。这也包括可数据响应的0.2.0。

参考转换DataTables 1.10的参数名称，您将看到有一些不间断的变量名更改。它们应该向后兼容到1.9。如果您使用的是本机DataTables，则可能是这样。但是，它并不适用于jquery rails，特别是在RailsCasts 340方面。

这个问题和答案是一种尝试，目的是为即将出现的任何人简化这种转换，并且它可能使最初实现这段代码变得更容易。

Answer 1

我将发布一些有助于解决这些问题的代码。首先，我与“DataTables”一书作者艾伦的讨论应该是有帮助的，尽管并不包括所有的细节。

DataTables从1.9升级到1.10有一些转换问题。同样，它们应该是不间断的，除非我使用和RailsCasts 340。

请参考铁路运输/航空公司340以了解以下内容。我正在从我的应用程序中提取代码，所以这不是一对一的匹配，您需要理解该教程。

as_json调用根据变量名进行如下更改。

DataTables 1.9代码：

  def as_json(options = {})
    {
        sEcho: params[:sEcho].to_i,
        iTotalRecords: Car.count,
        iTotalDisplayRecords: cars.total_entries,
        aaData: data
    }
  end

1.10代码：

  def as_json(options = {})
    {
        draw: params[:draw].to_i,
        recordsTotal: Car.count,
        recordsFiltered: cars.total_entries,
        data: data
    }

其他的修改在"params“列表中，所以它们应该更清楚。

params[:search][:value] replaces params[:sSearch]
params[:start] replaces params[:iDisplayStart]
params[:length] replaces params[:iDisplayLength]
params[:order]['0'][:column] replaces params[:iSortCol_0]
params[:order]['0'][:dir] replaces params[:sSortDir_0]

JQuery初始化逻辑可能很复杂，特别是对于几个表。我将把这作为我的例子，为上述宝石。它显示了两个表的初始化，不过我还有更多。第二个表使用Ajax，允许服务器动态地为每个页面提供数据。我的表也是响应的，使用可数据响应的创业板。因此，这只是一个新变量名的示例。

$(document).ready(function () {
    var breakpointDefinition, tableElement;
    var rHelperData, rHelperCar;
    rHelperData = void 0;
    rHelperCar = void 0;
    breakpointDefinition = {
        tablet: 1300,
        phone: 480
    };
    tableElement = $("#datatable");
    tableElement.dataTable({
        responsive: true,
        autoWidth: false,
        pagingType: "full",
        jQueryUI: true,
        preDrawCallback: function () {
            if (!rHelperData) {
                rHelperData = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
            }
        },
        rowCallback: function (nRow) {
            rHelperData.createExpandIcon(nRow);
        },
        drawCallback: function (oSettings) {
            rHelperData.respond();
        }
    });
    tableElement = $("#carstable");
    tableElement.dataTable({
        responsive: true,
        autoWidth: false,
        pagingType: "full",
        jQueryUI: true,
        processing: true,
        serverSide: true,
        ajax: $('#carstable').data('source'),
        preDrawCallback: function () {
            if (!rHelperCar) {
                rHelperCar = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
            }
        },
        rowCallback: function (nRow) {
            rHelperCar.createExpandIcon(nRow);
        },
        drawCallback: function (oSettings) {
            rHelperCar.respond();
        }
    });
});

这些都是我正在使用的更改。也许还有更多，但你可以看到这是怎么回事。您可以参考核心jquery.可数据.rails代码。

我在RailsCasts 340里找到了一个。我正在将一个工作部分转换为使用DataTables。为此，我需要删除所有td元素，因为它们是动态定义和显示的。

另外，我要提到的是，到今天为止，jquery rails 2.2.3有一个带有展开图标的bug。应该在几天内修好。扩展图标是一只奇怪的鸭子。如果响应表太窄，无法显示一行中的所有单元格，则可以隐藏一些单元格。当发生这种情况时，每个行的开头都应该出现一个加号。加号是展开图标。如果单击它，将显示该行中的所有单元格。目前，该展开图标或加号不显示。这是一个已知的错误，作者说它将被修复。

希望这能有所帮助。