Rails nested_form gem и расчет Jquery - PullRequest
       16

Rails nested_form gem и расчет Jquery

1 голос
/ 16 декабря 2011

У меня большая проблема при использовании превосходного камня Nested_form Райана Бейтса.На самом деле, на мой взгляд, это работает как шарм, который является вложенным для динамического добавления и удаления полей.

Проблема в том, что мне нужно выполнить некоторые вычисления, когда пользователь вводит значение в поле, подобноесобытие onchange.Проблема в том, что гем nested_form дает один и тот же идентификатор всем новым добавленным строкам, и тогда его невозможно выбрать для выполнения некоторых задач ... Я должен признаться, что я вообще не гуру Jquery ...

Есть ли кто-нибудь, чтобы помочь мне с этим.

Вот код основного вида:

<%= nested_form_for @pinvoice do |f| %>
<% if @pinvoice.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(@pinvoice.errors.count, "error") %> prohibited this pinvoice from being saved:</h2>
<ul>
<% @pinvoice.errors.full_messages.each do |msg| %>
<li><%= msg %></li>
<% end %>
</ul>
</div>
<% end %>
<p>
<%= f.label :contact %>
<%= f.text_field :contact %>
<%= f.label :date_facture %>
<%= f.date_select :date_facture %>
<%= f.label :montant_total %>
<%= f.text_field :montant_total %>
<br />
<br />
</p>
<%= f.fields_for :pinvlines %>
<p><%= f.link_to_add "add one", :pinvlines%>
<p>
<div class="actions">
<%= f.submit %>
</div>
</p>
<% end %>

и код "вложенного партиала:

<%= javascript_include_tag 'javascript_pinvlines_fields_new' %>
<div class="fields">
<%= f.label :description %>  
<%= f.text_field :description %>
<%= f.label :compte_id %>
<%= f.collection_select(:compte_id, @compte, :id, :nom, {:prompt => "Type de charge"}) %>
<%= f.label :quantite %>
<%= f.text_field :quantite, :size => 10 %>
<%= f.label :prix_unitaire %>
<%= f.text_field :prix_unitaire, :size => 10 %>
<%= f.label :montant_HTVA %>
<%= f.text_field :montant_HTVA, :size => 10 %>
<%= f.link_to_remove "remove"%>
</p>
</div>

Каким будет код для автоматического вычисления поля с именем "montant_HTVA", которое является "количественным", умноженным на "prix_unitaire" с использованием Jquery и работающим со всеми новыми добавленными строками ....

Большое спасибо за вашу помощь.

Вот пример HTML-кода с 2 строками, идущими по умолчанию с представлением + 2 добавленные строки:

<label for="pinvoice_pinvlines_attributes_0_quantite">Quantite</label>
<input name="pinvoice[pinvlines_attributes][0][quantite]" onchange="calculateMontant();" size="10" type="text" />
<label for="pinvoice_pinvlines_attributes_0_prix_unitaire">Prix unitaire</label>
<input id="pinvoice_pinvlines_attributes_0_prix_unitaire" name="pinvoice[pinvlines_attributes][0][prix_unitaire]" size="10" type="text" />
<label for="pinvoice_pinvlines_attributes_0_montant_HTVA">Montant htva</label>
<input id="montant_HTVA1" name="pinvoice[pinvlines_attributes][0][montant_HTVA]" size="10" type="text" />
<input id="pinvoice_pinvlines_attributes_0__destroy" name="pinvoice[pinvlines_attributes][0][_destroy]"   type="hidden" value="false" /><a href="javascript:void(0)" class="remove_nested_fields">remove</a>
</p>
</div></div><div class="fields"><script src="/javascripts/javascript_pinvlines_fields_new.js"   type="text/javascript"></script>
<div class="fields">
<label for="pinvoice_pinvlines_attributes_1_description">Description</label>  
<input id="pinvoice_pinvlines_attributes_1_description" name="pinvoice[pinvlines_attributes][1][description]" size="30" type="text" />
<label for="pinvoice_pinvlines_attributes_1_compte_id">Compte</label>
<select id="pinvoice_pinvlines_attributes_1_compte_id" name="pinvoice[pinvlines_attributes][1][compte_id]">    <option value="">Type de charge</option>
<option value="1">Caisse</option>
<option value="2">UBS</option>
<option value="3">Ventes</option>
<option value="4">Marketing</option>
<option value="7">Capital</option>
<option value="8">TVA sur ventes</option>
<option value="9">TVA sur achats</option></select>
<label for="pinvoice_pinvlines_attributes_1_quantite">Quantite</label>
<input name="pinvoice[pinvlines_attributes][1][quantite]" onchange="calculateMontant();" size="10" type="text" />
<label for="pinvoice_pinvlines_attributes_1_prix_unitaire">Prix unitaire</label>
<input id="pinvoice_pinvlines_attributes_1_prix_unitaire" name="pinvoice[pinvlines_attributes][1][prix_unitaire]" size="10" type="text" />
<label for="pinvoice_pinvlines_attributes_1_montant_HTVA">Montant htva</label>
<input id="montant_HTVA2" name="pinvoice[pinvlines_attributes][1][montant_HTVA]" size="10" type="text" />        <input id="pinvoice_pinvlines_attributes_1__destroy" name="pinvoice[pinvlines_attributes][1][_destroy]" type="hidden" value="false" /><a href="javascript:void(0)" class="remove_nested_fields">remove</a>
</p>
</div></div>
<p><a href="javascript:void(0)" class="add_nested_fields" data-association="pinvlines">add one</a>
<p>
<div class="actions">
<input id="pinvoice_submit" name="commit" type="submit" value="Create Pinvoice" />
</div>
</p>
</form><div id="pinvlines_fields_blueprint" style="display: none"><div class="fields"><script  src="/javascripts/javascript_pinvlines_fields_new.js" type="text/javascript"></script>
<div class="fields">
<label for="pinvoice_pinvlines_attributes_new_pinvlines_description">Description</label>  
<input id="pinvoice_pinvlines_attributes_new_pinvlines_description" name="pinvoice[pinvlines_attributes] [new_pinvlines][description]" size="30" type="text" />
<label for="pinvoice_pinvlines_attributes_new_pinvlines_compte_id">Compte</label>
<select id="pinvoice_pinvlines_attributes_new_pinvlines_compte_id" name="pinvoice[pinvlines_attributes] [new_pinvlines][compte_id]"><option value="">Type de charge</option>
<option value="1">Caisse</option>
<option value="2">UBS</option>
<option value="3">Ventes</option>
<option value="4">Marketing</option>
<option value="6">Loyer</option>
<option value="7">Capital</option>
<option value="8">TVA sur ventes</option>
<option value="9">TVA sur achats</option></select>
<label for="pinvoice_pinvlines_attributes_new_pinvlines_quantite">Quantite</label>
<input name="pinvoice[pinvlines_attributes][new_pinvlines][quantite]" onchange="calculateMontant();" size="10" type="text" />
<label for="pinvoice_pinvlines_attributes_new_pinvlines_prix_unitaire">Prix unitaire</label>
<input id="pinvoice_pinvlines_attributes_new_pinvlines_prix_unitaire" name="pinvoice[pinvlines_attributes][new_pinvlines][prix_unitaire]" size="10" type="text" />
<label for="pinvoice_pinvlines_attributes_new_pinvlines_montant_HTVA">Montant htva</label>
<input id="montant_HTVA3" name="pinvoice[pinvlines_attributes][new_pinvlines][montant_HTVA]" size="10" type="text" />
<input id="pinvoice_pinvlines_attributes_new_pinvlines__destroy" name="pinvoice[pinvlines_attributes][new_pinvlines][_destroy]" type="hidden" value="false" /><a href="javascript:void(0)" class="remove_nested_fields">remove</a>
</p>
</div></div></div>
<a href="/pinvoices">Back</a>
</body>
</html>

1 Ответ

0 голосов
/ 15 марта 2012

Я изменил способ выполнения своих вычислений, интегрируя его непосредственно на уровне Rails.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...