django内联formset模式内删除字段

Question

我正在模态内创建编辑视图。我的视图由常规的django表单和内联表单组成。我用django-dynamic-formsets来添加和删除新的表单集，这是我遇到问题的地方。当formset显示在模式中时，“remove”字段为空，我无法删除formset。 举个简单的例子，我使用Daniel Chen的“Django Inline formsets example：mybook”。

我的html：

<button id="myBtn">Open Modal</button> 
<div id="myModal" class="modal"> 

<div class="modal-content"> 
    <span class="close">&times;</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> 

Answer 1

我有同样的问题，什么对我的作品进行了修改一点点jquery.formset.js javascript文件，在139行上，只需将该调用传递给if语句之外的insertDeleteLink（row），如下所示：

insertDeleteLink(row); 
if (row.is(':visible')) { 
    applyExtraClasses(row, i); 
}