OA项目之弹出层中再弹出层

最新推荐文章于 2023-03-23 16:10:20 发布

原创最新推荐文章于 2023-03-23 16:10:20 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

OA项目专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个 ASP.NET 应用中实现弹出层内再次弹出另一层的具体实现方法。通过 JavaScript 控制两个弹出层的显示与隐藏，并使用 iframe 加载额外页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

弹出层中再弹出一层如图：

<asp:TextBox runat="server" ID="txtUName" CssClass="span2" title="点击选择" onfocus="GetStudentInfo();this.blur();"></asp:TextBox>
弹出层中的一个文本框，点击文本框显示相应的信息弹出层

#region 第二个弹出层
<div class="div_ShowDailg" id="div_Student" style="width: 720px;">
        <div class="div_ShowDailg_Title" id="div_Student_Title">
            <div class="div_ShowDailg_Title_left" id="div_Student_Title_left">
            </div>
            <div class="div_Close_Dailg" id="div2" title="关闭" onclick="$('#div_Student').hide();">
            </div>
            
        </div>
        <div class="clearDiv">
        </div>
        <div id="div_StudentInfo">
            <iframe id="iframeStudent" src="" width="100%" height="300" frameborder="0" scrolling="no">
            </iframe>
        </div>
    </div>
#endregion

$("#div_Student").easydrag();
$("#div_Student").setHandler("div_Student_Title");

        function GetStudentInfo() {
            $("#div_Student_Title_left").html("选择学生信息");
            ShowDocumentDivBG();
            SetDialogPosition("div_Student");
            $("#iframeStudent").attr("src", ../IFrame/IFrameStudents.aspx");
            //IFrameStudent.aspx是要弹出的第二层
            $("#div_Student").show();
        }

        function chkValue(str) {
            if (str.indexOf(",") != -1) {
                //第一个弹出层中的文本框获得值

                $("#hidUID").val(str.split(",")[0]);
                $("#txtUName").val(str.split(",")[1]);
                $("#txtTTCard").val(str.split(",")[12]);
                $("#ddlDepName").val(str.split(",")[9]);
                $("#ddlClassName").val(str.split(",")[10]);
                $("#txtTeacherName").val(str.split(",")[5]);
            }
            $("#div_Student").hide();
        }

        function setPopUpHeight(height) {
            $("#iframeStudent").attr("height", height);
        }
</script>