0

在我的 gemfile 中，我包含了这些 gem：

  gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails'
  gem 'jquery-ui-rails'

在我的 application.css 文件中，我包含了这些

 *= require dataTables/jquery.dataTables
 *= require dataTables/jquery.dataTables.bootstrap

在我的 application.js 中，我包含了这些

 //= require dataTables/jquery.dataTables
 //= require dataTables/jquery.dataTables.bootstrap
   $('#sort').dataTable({
       "bPaginate": false, 
       "oLanguage": {
            "sSearch": "<span class=icon-search></span>"

        },
        "aoColumnDefs": [
          { 'bSortable': false, 'aTargets': [ 0 ] }
        ]     
    });
$('#sort').dataTable( {
        "aaSorting": [[ 4, "desc" ]]
    } );

// For fluid containers
$('.datatable').dataTable({
  "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
  "sPaginationType": "bootstrap"
});

但我没有得到搜索的选项，但我收到了这个错误

oCol is undefined   
oCol.fnSetData( oData, val );

我为此参考了datatables.net。有人可以告诉我这是什么错误吗？

4

3 回答 3

0

我不能准确地说出你的情况——但我可以提供一个建议。由于我没有oCol在您的 javascript 代码中看到，这似乎是来自 jquery javascript 的未定义错误。您要么缺少必需的 js 文件，要么我会尝试颠倒//= require dataTables/jquery.dataTables.bootstrapwith的顺序，//= require dataTables/jquery.dataTables看看是否有帮助（文件按指定的顺序包含，因此如果jquery.dataTables使用定义的变量jquery.dataTables.bootstrap，那么您会看到类似的错误这个。

编辑：我还可以为您提供我们配置中的内容（我们也使用 dataTables）

我们的宝石文件：

gem 'jquery-rails', '1.0.19'

我们的 application.js：

//= require jquery.min.js
//= require jquery_ujs.js
//= require jquery.dataTables.js
//= require ColReorder.js
//= require jquery.timers-1.2.js
//= require jquery-ui-1.8.16.custom.min.js

注意ColReorder.js 是一个 dataTables 插件文件

我们的application.css：

*= require jquery.ui.all.css
*= require demo_table
*= require ColReorder

注意demo_table 文件是 jquery dataTables 附带的 css 文件。

我应该补充一点，我们实际上已经下载了 dataTables 和 jquery-ui，我们已经获取了 Javascript 文件和 CSS 文件，并将它们实际放在了我们的assets/javascripts路径assets/stylesheets中。

希望这可以帮助！！如果没有，我可以尝试为您提供一些调试指针，以帮助您调试它的来源:)

于 2012-08-30T13:47:21.670 回答
0

我知道这里有点晚了，但我发现当 TH 和 TD 元素的数量不匹配或类似情况时出现此错误。确保您的表格格式正确，即。TH 元素位于 THEAD 中，TD 位于 TBODY 中。

于 2013-01-30T05:34:32.333 回答
0

放上gemfile

group :assets do

gem 'bootstrap-sass'
gem 'bootstrap-will_paginate'

end
于 2012-10-05T08:41:15.817 回答