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.

Reply via email to