0
我正在模态内创建编辑视图。我的视图由常规的django表单和内联表单组成。我用django-dynamic-formsets来添加和删除新的表单集,这是我遇到问题的地方。当formset显示在模式中时,“remove”字段为空,我无法删除formset。 举个简单的例子,我使用Daniel Chen的“Django Inline formsets example:mybook”。django内联formset模式内删除字段
我的html:
<button id="myBtn">Open Modal</button>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<div class="col-md-4">
<form action="" method="post">{% csrf_token %}
{{ form.as_p }}
<table class="table">
{{ familymembers.management_form }}
<thead>
<th>One</th>
<th>Two</th>
<th>Three</th>
<th></th>
<th><i class="glyphicon glyphicon-remove"></i></th>
</thead>
<tbody>
{% for form in familymembers.forms %}
<tr class="{% cycle row1 row2 %} formset_row">
{% for field in form.visible_fields %}
<td>
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
<input type="submit" value="Save"/> <a href="{% url 'profile-list' %}">back to the list</a>
</form>
</div>
</div>
</div>
我的JS:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="{% static 'formset/jquery.formset.js' %}"></script>
<script>
$('.formset_row').formset({
addText: 'add formset',
prefix: 'familymember_set'
});
var modal = document.getElementById('myModal');
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
// When the user clicks on the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
$('.myModal').click(function() {
$('body').css('overflow', 'hidden');
});
</script>