Django CreateView會自動啓動引導模式

Question

相當好奇的問題：我的模態完美工作，直到將包含它的模板與CreateView關聯！因此，例如如果我將BrandCreateView中的template_name更改爲new_brand_form1.html,new_brand_form2.html將在模式中完美加載。但就目前而言，當我點擊觸發模式的按鈕時，就可以使用這個按鈕。

views.py：

class BrandCreateView(SuccessMessageMixin ,generic.edit.CreateView): 

    template_name = 'new_brand_form2.html' 
    model = Brand 
    fields = ['name'] 


    def get_success_url(self): 
     current_business = Business.objects.filter(owner=self.request.user).first() 

     current_business.brands.add(self.object.pk) 
     return reverse_lazy('index', kwargs={'pk': self.object.pk}) 

    # pre assign-current business to the business field 
    def get_initial(self): 
     initial = super().get_initial() 
     initial['business'] = Business.objects.filter(owner=self.request.user).first() 
     self.business_name = initial['business'] 
     return initial 

    def form_valid(self, form): 
     form.instance.user = self.request 
     form.instance.business = self.business_name 
     try: 
      return super(BrandCreateView, self).form_valid(form) 
     except IntegrityError: 
      form.add_error('name' ,'You already have a brand by that name') 
      return self.form_invalid(form) 

new_brand_form2.html：

<div class="modal fade" tabindex="-1" role="dialog" id="createbrand"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <form class="form-horizontal"> 
      {{ form.as_p }} 
     </form> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div> 

編輯：

也許這是問題嗎？觸發模式的按鈕顯然指向與urls.py（名爲'createbrand`）中的CreateView相關聯的URL，也許它正在進入一個無止境的循環......？

這裏的觸發模式

<button class="btn btn-default btn-sm" type="button" data-toggle="modal" href="{% url "createbrand" %}" data-target="#createbrand"> 
    <span class="glyphiconglyphicon-plus">Add New</span> 
</button> 

Answer 1

你試圖href ATTR設置爲HTML button tag按鈕？

無論如何，您點擊後的按鈕嘗試像bootstrap-modal一樣行動，因爲您添加了所需的所有屬性。這就是爲什麼你可能會在你的頁面上看到一些bootstrap-modal。但事實上，它不能找到你的網頁data-target="#createbrand"，因爲你的模式是其他地方:)

嘗試這些：

modal-snippet.html：

<div class="modal fade" tabindex="-1" role="dialog" id="createbrand"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <form method="POST" action="{% url 'createbrand' %}" class="form-horizontal" id="brandForm"> 
     <div class="modal-body"> 

      {% csrf_token %} 
      <input type="text" id="id_your_field_name" name="your_field_name" placeholder="Enter..."/> 

     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="submit" class="btn btn-primary">Save changes</button> <!-- onclick="addBrand()" --> 
     </div> 
     </form> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div> 

{% block javascript %} 
// You can use also AJAX request, but you 
// need to change your view and add onclick for this method to button 
function addBrand(e){ 
    var brandForm = $("#brandForm"); 

    $.ajax({ 
     type: 'POST', 
     url: "{% url 'createbrand' %}", 
     data: brandForm.serialize(), 
     success: function(res){ 
      if(res.msg !== "Error") { 
       // Do something if error 
      } else { 
       // Do something if success 
      } 
    } 
})} 
{% endblock javascript %} 

views.py：

// I believe you can make it better 
def add_brand(request): 
    if request.method == "POST": 
     form = BrandForm(request.POST) 

     if form.is_valid(): 
      form.save(commit=True) 
    return reverse_lazy('your-page') 

urls.py ：

... 

from .views import add_brand 
url(r'^url/path/$', add_brand, name='createbrand'), 

... 

而且在你要放置模式添加你的主頁：

{% include 'app/snippets/modal-snippet.html' %}