0

我是 Ruby on Rails 的初学者，目前正在开发一个应用程序，我想为其安装 gem dataTables。一旦我安装了 gem 并按照说明操作，什么都没有发生，也没有任何变化。我的表保持不变。

我正在与：

  • 红宝石 2.1.5p273
  • 导轨 4.2.3

这些是我遵循的阶段：

  1. 我在我的 Gemfile 中写道：gem 'jquery-datatables-rails, ~>3.3.0'
  2. 我运行命令行：bundle install

gem 出现在所有已安装 gem 的列表中。

  1. 我在 app/assets/javascripts/application.js 中写道：

//= require dataTables/jquery.dataTables

//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap

  1. 我在 app/assets/stylesheets/application.css 中写道：

*= require dataTables/jquery.dataTables

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

  1. 然后我在名为 index.html.erb 的文件中写道：

<script type="text/javascript">

  $(document).ready(function(){
    $("#tabgerant").dataTable();
  })

</script>

<table id="tabgerant" class="table table-striped">
  <thead>
    <tr>
      <th>Nom</th>
      <th>Prenom</th>
      <th>Login</th>
      <th>Societe</th>
      <th>Commentaire</th>
      <th>Password</th>
      <th colspan="3"></th>
    </tr>
  </thead>

  <tbody>
    <% @gerants.each do |gerant| %>
      <tr>
        <td><%= gerant.nom %></td>
        <td><%= gerant.prenom %></td>
        <td><%= gerant.login %></td>
        <td><%= link_to Societe.find(gerant.societe_id).nom, '#' %></td>
        <td><%= gerant.commentaire %></td>
        <td><%= gerant.password_digest %></td>
        
        <td><%= link_to 'Voir', gerant %></td>
        <td><%= link_to 'Modifier', edit_gerant_path(gerant) %></td>
        <td><%= link_to 'Supprimer', gerant, method: :delete, data: { confirm: 'Are you sure?' } %></td>
      </tr>
    <% end %>
  </tbody>
</table>

我停止了 Web 服务器并再次启动它，但什么也没出现。我的桌子完全一样。dataTables 没有可见的效果。

我想知道我是否安装了正确的文件。所以我直接在官方网站上下载了dataTables的版本，在他们的网站上他们说要放两个文件以便dataTables可以工作。

在app/assets/javascripts我创建了一个名为 dataTables 的文件夹，并将所有扩展名为 .js 的文件放入其中

在app/assets/stylesheets我对所有扩展名为 .css 的文件做了同样的事情

在app/assets/images我也做了同样的事情，我将 dataTables 所需的所有图片放入文件夹 dataTables 中。

然后我去了文件 application.js 和 application.css 并创建了这些文件的路由。

这里再次没有任何效果。有人对正在发生的事情有任何想法吗？ 我是初学者，所以我可能没有正确写这篇文章，对此我深表歉意。

感谢您的帮助和时间

我仍在搜索，我发现编写一些 javascript 使 gem dataTables 的一些元素出现......但不是一切。

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="app/assets/dataTables/media/css/jquery.dataTables.css">
  
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="app/assets/dataTables/media/js/jquery.js"></script>
  
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="app/assets/dataTables/media/js/jquery.dataTables.js"></script>

谁能解释在哪里安装 dataTables gem 的 .js 和 .css 文件？谢谢

4

1 回答 1

0

我最终发现删除这一行使我的 DataTable 工作：

<th colspan="3"></th>

以及保持表格正确结构的相应行：

<td><%= link_to 'Voir', gerant %></td>
        <td><%= link_to 'Modifier', edit_gerant_path(gerant) %></td>
        <td><%= link_to 'Supprimer', gerant, method: :delete, data: { confirm: 'Are you sure?' } %></td>

于 2015-08-07T08:33:59.957 回答