将表格转换为DataTable的js函数放在哪里

Question

我在 Ruby on Rails 4 项目中使用了一个很棒的 jQuery 库，名为 DataTables。对于将标签转换为 DataTable 对象（设置自己的类和 ID）的函数，我有点困惑。我把它放在 application.js 文件中，因为我希望这个功能在大多数应用程序视图中都可用，其中大部分是报告，但我不知道这是否是正确的地方。它可以工作，但在 application.js cmets 中说：

//这里不建议直接加代码，如果加了， 出现在编译文件的底部。

var tabla =  $('.tabla-reporte').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'print',
                autoPrint: false,
                customize: function ( win ) {
                    $(win.document.body)
                        .css( 'font-size', '10pt' )
                        .prepend(
                            '<img src="http://datatables.net/media/images/logo-fade.png" style="position:absolute; top:0; left:0;" />'
                        );

                    $(win.document.body).find( 'table' )
                        .addClass( 'compact' )
                        .css( 'font-size', 'inherit' );
                     var medias = win.document.querySelectorAll('[media="screen"]');
                     for(var i=0; i < medias.length;i++){ medias.item(i).media="all" };
                }
            }
        ]
    } );

显然运行该代码没有问题，因为如果它在当前加载页面的 DOM 中找不到类“tabla-reporte”，它不会对它做任何事情，但我只是不知道如果这符合“rails 约定”。

Answer 1

您所要做的就是将以下代码添加到assets 目录中的任何.js 文件中。

$(document).ready(function(){
    $('#myTable').DataTable();
});

此代码将使用 DataTables 转换任何具有 id = "myTable" 的表的样式。如果您有一些不想应用此样式的表格，那么只需给它一个不同的id。 Protip：如果您在同一页面上有多个表应该使用 DataTables 进行样式设置，那么您可以使用 class = "myTable" 代替。

不要在您的application.js 文件中添加任何内容，除了：

//= require dataTables/jquery.dataTables

application.js 用于存储指令，而不是实际的脚本。当您的应用程序启动时，assets 目录中的所有内容都将聚合到一个大脚本中，因此您不必担心哪个.js 文件包含 DataTables 代码，除非您已设置控制器特定资产。