繁体   English   中英

Ruby on Rails的数据表

[英]Data Tables for Ruby on Rails

我在使用Ruby on Rails 5.0框架在网站上实现的数据表(包括搜索,排序和分页的表)遇到问题。 我在我的一个.js文件中添加了以下jQuery代码(以下代码):我遵循了rails cast(第340集)中的所有步骤。 刷新网页后,该实现即可正常工作。 需要帮助-我试图弄清楚为什么需要不断刷新才能使我的表显示数据表的所有功能?

jQuery ->
  $('#reviews').dataTable()

因此,这似乎指向了一个turbo链接问题,当turbolinks认为它确实弄乱了已加载的javascript / jquery组件时,可能会发生这种情况。 如何解决这个问题是在将您带到该页面的链接末尾添加代码data: { no_turbolink: true } 下面我举一个我以前从事的项目的例子。

    <li><%= link_to 'Schedule', schedule_path(@schedule), data: { no_turbolink: true }, class: 'sub_link' %></li>

如果您正在研究如何进行分页和排序,我建议您检查一下Rasack以进行排序/过滤 ,并分页进行学习以进行分页

我赞同Tall Paul的观点,即这可能是turbolinks问题。

他的解决方案的另一种选择是让您的javascript / jQuery代码侦听turbolinks:load事件,而不是ready事件(通常每个人都这样做)。

像这样:

$( document ).on('turbolinks:load', function() {
  <Your javascript here>
})

我认为您正在使用Coffeescript,因此我认为这也可以:

$(document).on 'turbolinks:load', ->
  $('#reviews').dataTable()

进一步的阅读https : //stackoverflow.com/a/36110790/1026898

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM