RoR 创建动态“evernote”页面

Question

所以我正在创建一个简单的 RoR 应用程序，具有 Evernote 的外观和感觉。

notebook.rb

class Notebook < ActiveRecord::Base
  belongs_to :user
  has_many :notes
end

note.rb

class Note < ActiveRecord::Base
  belongs_to :user
  belongs_to :notebook
end

我继续创建了一个带有索引视图的静态控制器，这将是我显示仪表板的地方

static_controller.rb

class StaticController < ApplicationController
  def index
    if user_signed_in?
      @user = current_User
      @notebooks = @user.notebooks
      @notes = @user.notes
    end
  end
end

我应该如何显示笔记本列表？每当用户单击特定笔记本时，该笔记本的笔记就会显示在第二列中...

我正在考虑为此创建 iframe，但如果这些都是 div，并且我们可以使用 jquery 来更新它们，那就更好了动态...但我仍然不知道该怎么做。

抱歉，听起来很新手。

这是我基本上想要完成的任务的快照

https://i.sstatic.net/8gs0l.png

谢谢您的宝贵时间！

Answer 1

进行分组

hashify 笔记按notebook_id @notes_hash = @user.notes.group_by(&:notebook_id)

，然后在你的笔记本列表中，当单击笔记本链接时，捕获notebook_id并查看你的@notes_hashnotes

= @notes_hash[笔记本.id] || [ ]

您可以使用 jQuery 动态更新第二列。

<script type="text/javascript">
  var notes = <%= notes.collect{|a| a.note_content }.to_json %>;

  /* 
   * do stuff here with your array of notes content
   *
   */

</script>

确保您需要“json”gem 才能使用 .to_json 方法。