在django 模板頁面,若是想要進行點擊彈出模態框,單獨對模態框進行編輯,須要作一下操做
1. 作一個<a> 標籤連接
<a modal-title="模態框標題頭" data-target="#add" data-toggle="modal" data-height="580" data-width="700"
href="/add_modal">
添加模態框
</a>
2. 編輯模態框
<div id="add" class="modal hide fade " tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<span class="glyphicon glyphicon-fullscreen"></span>
<span class="close" data-dismiss="modal" aria-hidden="true"><i class="glyphicon glyphicon-remove "></i></span>
<h3>對話框標題</h3>
</div>
<div class="modal-body"></div>
</div>
3. 在django url 進行跳轉,其中 views 處理跳轉的url , return render(request,"modal.html")
4. 在當前app 的template 建立modal.html 此方法基本上是一個form 表單,根據第一次點擊獲取對象的id,去編輯或更改 注意,此方法有個缺點,我還沒想出來。 若是想要進行回調,執行完後返回後臺 return render(request,json.dumps("回調信息")),只能用ajax,可是此方法的模態框對於ajax的支持並很差,而且modaa.html 並非一個完整的HTML頁面 有一種方法很好的解決了這個問題,我們下次再說