and you have no errors in browser console? On Tuesday, October 1, 2019 at 11:41:28 PM UTC+3, Dmitri S. wrote: > > I have a formset with fields with Select2 widgets and a calendar > (date-picker) from django app. > > And I use dynamic addition of formset forms. > > > When I render a template for the first time, all widgets work fine. *But > when I add new formset form, widgets of this new form don't work.* > > > I think, this > <https://docs.djangoproject.com/en/1.11/ref/contrib/admin/javascript/#inline-form-events> > ('formset:add') > is somehow related to my problem, but I can't figure how to use it. > > I also found this: > > $('.django-select2').djangoSelect2(); > > With this line dropdowns start working, but they become empty. > > > For adding new form I use 'empty form' and this jQuery: > > <script> > $('.buttons').on('click', '#add_form', function() { > var form_idx = $('#id_resolution_set-TOTAL_FORMS').val(); > $('#form_set').append($('#empty_form').html().replace(/__prefix__/g, > form_idx)); > $('#id_resolution_set-TOTAL_FORMS').val(parseInt(form_idx) + 1); > }); > </script> > > > Form in HTML: > > {% if mat_id == None %} > <form id="MatterForm" action="{% url 'matter_create_url' %}" > enctype="multipart/form-data" method="post"> > {% else %} > <form id="MatterForm" action="{% url 'matter_edit_url' mat_id=mat_id %}" > enctype="multipart/form-data" method="post"> > {% endif %} > > {% csrf_token %} > <div class="form-matter"> > {% for field in form_matter %} > <div class="form-row"> > {% if field.errors %} > <div>{{ field.errors }}</div> > {% endif %} > <label class="form-label">{{ field.label_tag }}</label> > <div class="form-input">{{ field }}</div> > </div> > {% endfor %} > </div> > <h3>RESOLUTIONS</h3> > > <div id="form_set" name="form_set"> > {{ formset_resolutions.management_form }} > {% for form in formset_resolutions %} > <div class="formset-form" name="formset-form"> > {% for hidden in form.hidden_fields %} > {{ hidden }} > {% endfor %} > {% for field in form.visible_fields %} > <div class="form-row"> > {% if field.errors %} > <div>{{ field.errors }}</div> > {% endif %} > <label class="form-label">{{ field.label_tag > }}</label> > <div class="form-input">{{ field }}</div> > </div> > {% endfor %} > </div> > {% endfor %} > </div> > <div class="buttons"> > <button class="btn" type="button" id="add_form">ADD</button> > <button class="btn" type="submit">SAVE</button> > </div> > <div id="empty_form" style="display:none"> > <div class="formset-form"> > {% for field in formset_resolutions.empty_form.visible_fields %} > <div class="form-row"> > {% if field.errors %} > <div>{{ field.errors }}</div> > {% endif %} > <label class="form-label">{{ field.label_tag }}</label> > <div class="form-input">{{ field }}</div> > </div> > {% endfor %} > </div> > </div> > </form> > > > Other scripts: > > <script type="text/javascript" src="/jsi18n/"></script> > <script type="text/javascript" src="/static/js/jquery.js"></script> > > {{ form_matter.media.js }} > > > {{ form_matter.media.js }} are: > > <script type="text/javascript" src="/static/admin/js/calendar.js"></script> > > <script type="text/javascript" src="/admin/jsi18n/"></script> > <script type="text/javascript" > src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script> > <script type="text/javascript" > src="/static/admin/js/admin/DateTimeShortcuts.js"></script> > <script type="text/javascript" src="/static/admin/js/core.js"></script> > <script type="text/javascript" > src="/static/django_select2/django_select2.js"></script> > >
-- 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 view this discussion on the web visit https://groups.google.com/d/msgid/django-users/06f8709b-8ee1-4dba-a9cf-ae4a9d0e81db%40googlegroups.com.
