I'm trying to add dynamic forms to my inline formset using the steps
mentioned in the post: Add a dynamic form to a django formset using
javascript in a right way
<http://stackoverflow.com/questions/21260987/add-a-dynamic-form-to-a-django-formset-using-javascript-in-a-right-way>
I have inline formsets which i'm rendering using crispy forms.
rendering code in template:
<div>
{{ formset.management_form|crispy }}
</div>
<div id="items-form-container">
{% for form in formset.forms %}
<div id="item-{{ forloop.counter0 }}">
{% crispy form formset.crispy_helper %}
</div>
{% endfor %}
</div>
empty form template is used for adding new rows:
<script type="text/html" id="item-template">
<div id="item-__prefix__">
{% crispy formset.empty_form formset.crispy_helper %}
</div>
</script>
<a href="#" id="add-item-button" class="btn btn-info
add-profile_kvp">Add profile_kvp</a>
I have a small javascript code to handle on click on the button and updating
the html and management form:
$(document).ready(function() {
$('.add-profile_kvp').click(function(ev) {
ev.preventDefault();
var count = parseInt($('#id_profile_kvp-TOTAL_FORMS').val());
var tmplMarkup = $('#item-template').html();
var compiledTmpl = tmplMarkup.replace(/__prefix__/g, count);
$('div#items-form-container').append(compiledTmpl);
// update form count
$('#id_profile_kvp-TOTAL_FORMS').val(count+1);
});});
When I click the button Add profile_kvp button i'm able to update the DOM
properly with new values and it's looks fine in browser.
Problem appears when i submit the formset then I don't see the dynamically
added forms/row in formset in views.py and so not able to view dynamically
added values in server side. In server side i see new rows as empty rows
without data. I see total forms value updated but all new forms are empty.
All the dynamically added forms went as empty forms and didn't have the
values which I entered in the browser.
--
You received this message because you are subscribed to the Google Groups
"Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to django-users+unsubscr...@googlegroups.com.
To post to this group, send email to django-users@googlegroups.com.
Visit this group at http://groups.google.com/group/django-users.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-users/4ff3595f-6eb4-4faf-a248-0d3aac8e3d4c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
