码迷,mamicode.com
首页 > 其他好文 > 详细

django 应用模态框

时间:2018-08-01 18:17:40      阅读:1346      评论:0      收藏:0      [点我收藏+]

标签:标题   处理   操作   mis   end   dde   bin   执行   获取对象   

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


django 应用模态框

标签:标题   处理   操作   mis   end   dde   bin   执行   获取对象   

原文地址:https://www.cnblogs.com/miss-saber/p/9402292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!