django 应用模态框

Posted 2020-12-27 miss-saber

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