簡體   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