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

あなたの状況について正確にお話しすることはできませんが、提案はできます。あなたのJavaScriptコードには見当たらないのでoCol、これはjquery JavaScriptからの未定義のエラーのようです。必要なjsファイルが欠落しているか、//= require dataTables/jquery.dataTables.bootstrapwithの順序を逆にしてみ//= require dataTables/jquery.dataTablesて、それが役立つかどうかを確認します（ファイルは指定された順序で含まれるため、jquery.dataTablesで定義されている変数を使用するとjquery.dataTables.bootstrap、次のようなエラーが表示されますこれ。

編集：構成にあるものを提供することもできます（dataTablesも使用します）

Gemfile:

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

note demo_table ファイルは、jquery dataTables に付属する css ファイルです。

そして、実際に dataTables と jquery-ui をダウンロードし、Javascript ファイルと CSS ファイルを取得して実際にパスに配置したことを付け加えておきassets/javascriptsますassets/stylesheets。

お役に立てれば！！そうでない場合は、これがどこから来ているのかをデバッグするためのヒントをいくつか試してみることができます:)

于 2012-08-30T13:47:21.670 に答える
0

gemfileに入れる

group :assets do

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

end
于 2012-10-05T08:41:15.817 に答える
0

ここで少し遅れましたが、TH要素とTD要素の数が一致しない場合、または同様の場合にこのエラーが発生することがわかりました。テーブルが適切に形成されていることを確認してください。TH 要素は THEAD にあり、TD 要素は TBODY にあります。

于 2013-01-30T05:34:32.333 に答える