0

私のアプリには、友人に関する情報を記録する 4 つのフィールドを持つフォームがあります。(スクリーンショットを参照)

下部には、ユーザーが別のレコードを入力したい場合にフォームを動的に複製するボタンがあります。

セットアップは面倒で、ユーザーが多くのレコードを追加したい場合は非常に長くなります。

これを行うためのよりクリーンな方法はありますか?多分ある種のjqueryテーブル?

ここに画像の説明を入力

コードを表示:

<div id="single_module">
<div class="pitch">
<h2>Step 3: Friends Birthdays</h2>
</div>
<form id="myForm">
<div id="input1" style="margin-bottom:4px;" class="clonedInput">
<%= simple_form_for @user, url: wizard_path do |f| %>

  <div class="inputs">
  <ul class="testss1">
  <%= f.simple_fields_for :friends do |friend_f| %>
    <li>
    <%= friend_f.input :name %>
    </li>
    <li>
    <%= friend_f.input :dob, :as => :date_picker, :label => 'Birthday', :input_html => { :class => 'special' } %>
    <li>
    <%= friend_f.input :gender, :collection => ['male','female'] %></li>
    </li><li>
    <%= friend_f.association :interests, :as => :select, :label => false %></li>


    <%end%>

    </div>
    <div>
    <input type="button" id="btnAdd" value="add another name" />
    <input type="button" id="btnDel" value="remove name" />
    </div>
    </form>
    <div class="actions">
    <%= f.button :submit, 'Next Step', :class => 'btn btn-primary',  %>
    <br></br>
    </div>
    <%end%>
4

1 に答える 1

2

完了したら、別の友達をクリックして追加するたびに保存しますか? 一時的な非表示フィールドでもデータを保存してから、フォーム内のすべてのデータをクリアして、ユーザーが別のレコードを追加できるようにしないのはなぜですか?

于 2012-05-25T20:32:14.253 に答える