Django和模态窗口一起工作

Django and work with modal window

本文关键字：一起 工作 窗口 模态 Django      更新时间：2023-09-26

我在Django中创建了一个站点。并有许多项目在循环"为"，并与打开模态窗口，我需要删除需要的项目。我如何获得id post(在我的情况下"get_post_id")，并发送到模态窗口(div)。但我需要有模态窗口不在循环。

谢谢!

我代码:

<script>
$(document).ready(function(){
    $("#popup4").hide();
    PopUpHide4();
});
function PopUpShow4(){
    $("#popup4").show();
    $(document).keyup(function(ev){
    if(ev.keyCode == 27)
        $("#popup4").hide();
    });
}
function PopUpHide4(){
    $("#popup4").hide();
}
</script>

模态窗口:

<div class="b-popup" id="popup4" >
<div class="b-popup-content">
<form action="" method="post">{% csrf_token %}
<p><center><font color=#000000 size="5"><b>ADD</b></font></center></p>
<input id="id_post_request" value="2" type="hidden" maxlength="1" name="post_request" type="text">
<input id="id_get_post_id" value="{{ item.id }}" type="hidden" maxlength="9999" name="get_post_id" type="text">
<div class="photo" data-title="Remove"><input type="image" src="{{ STATIC_URL }}images/delete.png" border="0" width="17" height="17"></div>
<input type="button" value="Cancel" ONCLICK="window.location.href='/'" style="height:30px; width:80px" ></center>
</form> 
</div>
</div>

调用模式窗口:

<div id="b-container">
<a href="javascript:PopUpShow4()"><div class="photo" data-title="Remove"><input type="image" src="{{ STATIC_URL }}images/delete.png" border="0" width="17" height="17"></div></a>
</div>

使用javascript传递所需的id到你的模态窗口。在你的循环物品中有选择物品的按钮吗?在循环项中呈现项目id，将onclick事件绑定到按钮，并将项目id传递给模态窗口隐藏输入。

感谢帮助!

i'm do this)))

这里是代码，以防需要的人)

脚本:

<script>
function PopUpShow4(id){
    document.getElementById('id_get_post_id').value=id; 
    $("#popup4").show();
    $(document).keyup(function(ev){
    if(ev.keyCode == 27)
        $("#popup4").hide();
    });
}
function PopUpHide4(){
    $("#popup4").hide();
}
</script>

模态窗口:

<div class="b-popupdel" id="popup4" >
                        <div class="b-popup-contentdel">
                    <form action="" method="post">{% csrf_token %}
                            <p><center><font color=#000000 size="5"><b>Confirm Delete</b></font></center></p>
                                <input id="id_post_request" value="2" type="hidden" maxlength="1" name="post_request" type="text">
                                <center><p><font size="2">Are you sure you want to delete this post?</font></p></center>
                                <input id="id_get_post_id" id_get_post_id" type="hidden" maxlength="9999" name="get_post_id" type="text">
                                                        <center><input type="submit" value="Remove" style="height:30px; width:80px">&nbsp;&nbsp;&nbsp;
                                <input type="button" value="Cancel" ONCLICK="PopUpHide4()" style="height:30px; width:80px" ></center>
                </form>    
                        </div>
                    </div>

调用模式窗口:

<div style="width:5%; float:right;">
                <div id="b-container">
                <a href="javascript:PopUpShow4({{ item.id }})"><div class="photo" data-title="Remove"><input type="image" src="{{ STATIC_URL }}images/delete.png" border="0" width="17" height="17" ></div></a>
                </div>

                  </div>
相关文章：