Сохраните значение слайдера Scriptaculous в Rails

Question

Сам разобрался, решение ниже.

Я пытаюсь сохранить динамическое количество значений ползунка, по одному за раз. Тема has_many Черты has_many Рейтинги. Значения слайдера необходимо сохранить как рейтинг. Субъекты имеют динамическое количество черт.

Прямо сейчас ползунок обновляет значение скрытого поля с динамическим идентификатором. У меня проблемы с передачей значения скрытых полей в рейтинг / создание.

То, что я пытаюсь сделать, - это представление Subject show, в котором перечисляется динамическое количество черт, каждая черта имеет ползунок. Я хочу сохранить значение ползунка, одну за другой, в качестве кнопки сохранения или ссылки, в качестве рейтинга.

Любая помощь будет принята с благодарностью.

предметов - show.html.erb:

<style type="text/css">
  div.slider { width:256px; margin:10px 0; background-color:#b3b3b3; height:10px; position: relative; }
  div.slider div.handle { width:10px; height:15px; background-color:#474747; cursor:move; position: absolute; }
</style>

<p id="notice"><%= notice %></p>

<h1>
  <%= @subject.name %>
</h1>

<p>
  <%= @subject.description %>
</p>

<table>
  <tr>
    <th>Traits</th>
  </tr>

  <% @subject.traits.each do |trait| %>
    <tr>
      <td><%= link_to trait.name, trait %></td>&nbsp; &nbsp; &nbsp;
      <td><%= link_to 'Edit', edit_trait_path(trait) %></td>&nbsp;
      <td><%= link_to 'Destroy', trait, :confirm => 'Are you sure?', :method => :delete %></td>
    </tr>
    <tr>
        <td>
          #Slider value is sent here onChange. This value needs to be passed to rating#create
          <input id="trait.id", name="rating[value]", value="50" />

          <div id="s<%= trait.id %>" class="slider">
            <div class="handle"></div>
          </div>

          <script type="text/javascript">
            (function() {
              var trait_slider = $('s<%= h trait.id %>')

              new Control.Slider(trait_slider.down('.handle'), trait_slider, {
                range: $R(0, 100),
                sliderValue: 50,
                onChange: function(v) { $('<%= h trait.id %>').value = v }
              });
            })();
          </script>
        </td>
        <td>
          #How the hell do I save each slider value??? is this the best way of doing it?
          <%= link_to "save", :controller => "ratings", :action => "create" %>
        </td>
    </tr>
<% end %>
</table>

<br /><br /><%= render 'traits/form' %>

<%= link_to 'Edit', edit_subject_path(@subject) %> |
<%= link_to 'Back', subjects_path %>

Answer 1

РЕШЕНИЕ: множественные формы и динамические скрытые идентификаторы div

<% @subject.traits.each do |trait| %>
    <%= form_for @rating do |rf| %>
      <tr>
        <td><%= link_to trait.name, trait %></td>&nbsp; &nbsp; &nbsp;
        <td><%= link_to 'Edit', edit_trait_path(trait) %></td>&nbsp;
        <td><%= link_to 'Destroy', trait, :confirm => 'Are you sure?', :method => :delete %></td>
      </tr>
      <tr>
          <td>
            <input id="<%= trait.id %>", name="rating[value]", type="hidden", value="50" />
            <%= rf.hidden_field :trait_id, :value => trait.id %>
            <%= rf.hidden_field :subject_id, :value => @subject.id %>

            <div id="s<%= trait.id %>" class="slider">
              <div class="handle"></div>
            </div>

            <script type="text/javascript">
              (function() {
                var trait_slider = $('s<%= h trait.id %>')

                new Control.Slider(trait_slider.down('.handle'), trait_slider, {
                  range: $R(0, 100),
                  sliderValue: 50,
                  onChange: function(v) { $('<%= trait.id %>').value = v }
                });
              })();
            </script>
          </td>
          <td> 
            <div class="actions">
              <%= rf.submit "Save Rating" %>
            </div>
          </td>
      </tr>
    <% end %>
  <% end %>