个人中心
gpt4 book ai didi

javascript - django View 可以显示在灯箱中吗？

转载 作者：行者123 更新时间：2023-11-28 20:20:30 25 4
gpt4 key购买 nike

您将如何在灯箱中显示 django View ，而网站的其余部分仍在后台。

事实上，我希望有一个带有 FormView“弹出”的模态 jQuery 对话框，并保留网站的其余部分，它使用 Canvas 作为全页背景。我看过 jQuery 演示，它显示了 modal form ，但我不明白如何在对话框中渲染 View 。

最佳答案

如果您从 View 中渲染模板，您可以选择以下两个选项之一。

您可以让模板扩展您的主模板，该模板具有 Canvas 整页背景，并将您想要的额外信息呈现到格式正确的 div 中，以转换为模态。

第二个选项是将模态标记放入主模板中，并使用 ajax 函数，该函数将从 View 加载数据并将其动态放入模态中。

示例方法 1。

HTML

main_template.html

<html>
    <head>.....</head>
    <body>.....{% block modal_block %}</body>
    <script>
         $(function() {
             $( "#myModal" ).dialog({
                 modal: true
             });
         });
    </script>
</html>

modal_template.html

{% extends 'main_template.html' %}
{% block modal_block %}
    <div id="myModal"></div>
{% endblock %}

在此方法中，您可以在 View 中渲染 modal_template.html，这将创建一个 html 页面，其中包含您的主要内容，但也包含额外的模态 div。然后，您可以在 View /模板中执行所需的任何模板格式设置。

示例方法 2

<html>
    <head>.....</head>
    <body>.....</body>
    <script>
         $(document).ready(function(){
             $.get('views_url',function(data){
                 var myModal = $(data);
                 $('body').append(myModal);
                 $( myModal ).dialog({
                     modal: true
                 });
             });
         });
    </script>
</html>

在这种情况下，您应该只从 View 中渲染模式的 html。

关于javascript - django View 可以显示在灯箱中吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18426806/

25 4 0
文章推荐： javascript - 能否在 TDD 方法中淘汰和删除冗余测试？
文章推荐： javascript - 有没有更优雅的方式来实例化这个Map？
文章推荐： javascript - WinRT 拒绝访问文件
文章推荐： c# - Asp.net 中的 JavaScript，C#
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com