0

これは本当の初心者の質問ですが、答えを一生懸命検索した後、おそらくそれほど初心者ではありません。サーバー側の処理が機能し始めるように、jQueryアプリのDataTablesを正確にどこに置くのですか？datatables.netでもここでもdatatablesタグの下で答えを見つけることができません。（これは、Rails 3.2.2、ruby 1.9.3p362、およびdatatables 1.9を使用しています。必要なすべてのgemが存在するように見えます）

私のjqueryソースはpublic/jquery.jsとpublic/jquery.dataTables.jsにあります

app / Assets / javascripts/application.jsには次のようなものがあります。

//= require jquery
//= require_tree .

これが私がapp/Assets / javascripts /genotypes.jsに持っているものです：

$(document).ready(function() {
    $('#genotypes').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
         sAjaxSource: $('#genotypes').data('source')
    } );
} );

関連するビューのindex.html.erbは次のとおりです。

<h1>Listing genotypes</h1>

<table id="genotypes" class="display" data-source="<%= genotypes_url(format: "json") %>">
  <thead>
    <tr>
      <th>Marker</th>
      <th>LabID</th>
      <th>SubjectID</th>
      <th>Box</th>
      <th>Well</th>
      <th>Allele1</th>
      <th>Allele2</th>
      <th>Run date</th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>

  <tbody>
  </tbody>
</table>

<br />

<%= link_to 'New Genotype', new_genotype_path %>

これまでのところ、遺伝子型のビュー（http：// localhost：3000 / genotypes）をロードすると、列ヘッダーだけが取得され、他には何も表示されません...

どんな助けでも大歓迎です...

4

2 に答える 2

1

DataTablesのjsファイルとcssファイルを参照する必要があります。DataTablesは、ブラウザでHTMLを編集することで機能します。私が知っているサーバー側のコンポーネントはありません。

それらがページで参照されていることを確認できますか？ChromeまたはFirefox / Firebugを使用して、ブラウザが実際にそれらにアクセスできることを確認してください。

于 2013-01-18T23:30:09.917 に答える
1

ファイルは、パブリックフォルダではなく、に存在javascriptする必要があります。app/assets/javascripts/これを見てください：http：//guides.rubyonrails.org/asset_pipeline.html。

このディレクトリに移動jquery.jsしてみてください。次に、Ryanがあなたが言及したRailscastsで言っているように、この行をあなたのapplication.js：に追加します。

//= require dataTables/jquery.dataTables。

cssファイルでも同じことをして、試してみてください。

お役に立てれば。

于 2013-01-25T15:29:56.777 に答える