RoR собирает из хеша и отображает его в html

Question

Я пытаюсь извлечь заголовки заметок из определенной записной книжки всякий раз, когда пользователь нажимает на ее ссылку, и отображать их в другом столбце. Пожалуйста, будь осторожен со мной, все еще новичок в ruby ​​/ rails.

в моем static_controller.rb

  def index
    @user = current_user
    @notebooks = @user.notebooks
    @notes_hash = @user.notes.group_by(&:notebook_id)

    respond_to do |format|
      format.html
      format.js
    end
  end

в моем index.html.erb

<div id="notebooks-list">
    <% @notebooks.each do |notebook| %>
        <%= link_to notebook.description, "#", {:class => "notebook-link", 
            :remote => true, :data => notebook.id.to_json }%>
    <% end %>
</div>
<div id="notes-list">
    <script type="text/javascript">
        $(".notebook-link").click(function() {
            var id = this.getAttribute("data");
            <%= notes = @notes_hash['id'] || [ ] %>

            var notes = <%= notes.collect{ |a| a.id }.to_json %>

            $("#notes-list").html(notes);   
        });
    </script>
</div>

очевидно, я делаю что-то не так.

Answer 1

Чувак, это плохой код (

Чтобы исправить текущий вариант:

прежде всего <% = notes = @notes_hash ['id'] || []%> будет выводить значение примечания только в сценарии, поэтому зафиксируйте его как <% notes = @notes_hash ['id'] || []%>

Далее вы инициализируете переменную notes каждый раз, когда нажимаете ссылку .notebook, поэтому удалите ее из текущей процедуры:

<div id="notes-list">
</div>
<script type="text/javascript">
    (function() {
        <% notes = @notes_hash['id'] || [ ] %>
        var notes = <%= notes.collect{ |a| a.id }.to_json %>
        $(".notebook-link").click(function() {
            var id = $(this).getAttribute("data");
            $("#notes-list").html(notes[id]);  # notes[id] is just an object, you will probably wants to render it someway e.g. with JQ templates 
        });
    })()
</script>

Другой способ сделать это - просто отобразить скрытые div с сгруппированными заметками, а подпрограмма onClick просто покажет соответствующий div:

<div id="notebooks-list">
    <% @notebooks.each do |notebook| %>
        <%= link_to notebook.description, "#", {:class => "notebook-link", 
            :remote => true, :data => notebook.id.to_json }%>
    <% end %>
</div>
<% @notes_hash.each_pair do |nh_id, notes| %>
    <div class="notes-list hidden" data="<%= nh_id %>">
        <ul>
            <% notes.each do |note|
                <li><%= note. description %></li>
            <% end %>
        </ul>
    </div>
<% end %>
<script type="text/javascript">
    $(".notebook-link").click(function() {
        $(".notes-list").hide().filter("[data=\"" + $(this).attr("data") + "\"]").show()
    });
</script>