django 应用模态框

在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页面
  有一种方法很好的解决了这个问题,咱们下次再说


猜你喜欢

转载自www.cnblogs.com/miss-saber/p/9402292.html