asp.net - 框架的 Modalpopup 问题-6ren

asp.net - 框架的 Modalpopup 问题

转载作者：太空宇宙更新时间：2023-11-03 19:24:08

当我在页面中使用 frame 时，我的 modalpopup 样式有问题。如果我不在页面中使用框架，我不会遇到 modalpopup 样式的问题。以下 HTML 代码和 CSS 在正常的 aspx 中工作没有问题。在带框架的页面中，面板位于页面顶部，背景颜色(灰色)仅覆盖页面的一半。链接按钮位于页面右侧。为什么会这样？

CSS 样式:

/* dialog frame */
.modal-dialog
{
    position:absolute;
}

/* dialog contents container */
.modal-dialog .container
{
    font-family:tahoma,helvetica,arial,sans-serif;
    font-size:11px;
    width:340px;
    border:solid 1px #99aabd;
    background-color:#F2F9FF;
} 

/* dialog header */
.modal-dialog .header
{
    background:url(img/sprite.gif) repeat-x 0px -1100px;    
    height:25px;
    padding-top:5px;
}

/* dialog header message */
.modal-dialog .header .msg
{
    vertical-align:middle;
    padding-left:6px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
}         

/* dialog body */
.modal-dialog .body
{
    height:40px;
    background-color:#F2F9FF;
} 

/* dialog body message */
.modal-dialog .body h2
{
    padding-top:10px;
    background-color: #F2F9FF;
    font-size:14px;
    text-align:center;
    font-weight:normal;
}  

/* dialog footer */
.modal-dialog .footer
{
    height:30px;
    background-color: #F2F9FF;
} 

/* dialog footer buttons */
.modal-dialog .footer .right
{
    background-color: #F2F9FF;
    float:none;
    text-align:center;
    padding-bottom:6px;

} 

/* dialog footer checkbox */
.modal-dialog .footer .left
{
    background-color: #F2F9FF;
    float:left;
    text-align:left;
    padding-bottom:6px;
    padding-left:6px;
} 

/* dialog close */
.modal-dialog .close
{
    right:4px;  
    background: url(img/icons.gif) no-repeat -732px 0px;    
    width:16px; 
    cursor:hand;    
    position:absolute;  
    top:5px;    
    height:16px;
}

/* dialog close hover */
.modal-dialog .close:hover { background: url(img/icons.gif) no-repeat -749px 0px;   }

/* modal overlay */
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}

页面的代码。当我不使用框架时它可以正常工作:

<body>
  <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <div>
    <TABLE id="Table1" style="Z-INDEX: 101; POSITION: absolute; WIDTH: 685px; HEIGHT: 192px; TOP: 45px; LEFT: 8px"
                cellSpacing="1" cellPadding="1" width="685" border="0">
                <TR>
                    <TD noWrap>
                        <TABLE id="Table2" cellSpacing="0" cellPadding="2" width="100%" border="0">
                            <TR>
                                <TD style="WIDTH: 129px; HEIGHT: 6px" noWrap><asp:label id="Label3" runat="server">Personel Tipi</asp:label></TD>
                                <TD style="HEIGHT: 6px" noWrap><asp:dropdownlist id="cboID_PERSONAL_TYPE" runat="server" Width="200px" AutoPostBack="True"></asp:dropdownlist></TD>
                            </TR>
                            <TR>
                                <TD style="WIDTH: 129px" noWrap><asp:label id="Label1" runat="server" Width="112px"> Personel Name</asp:label></TD>
                                <TD noWrap><asp:textbox id="txtDS_NAME" runat="server" Width="200px" BorderColor="LightSteelBlue" BorderWidth="1px"                                     Height="20px" BorderStyle="Solid"></asp:textbox></TD>
                            </TR>
                            <TR>
                                <TD style="WIDTH: 129px" noWrap></TD>
                                <TD noWrap>
                                    <asp:checkbox id="chkActive" runat="server" Text="Active"></asp:checkbox></TD>
                            </TR>
                            <TR>
                                <TD style="WIDTH: 129px" noWrap><asp:label id="Label4" runat="server" Width="112px">Temsilci No</asp:label></TD>
                                <TD noWrap><asp:textbox id="txtTEMSILCI_NO" runat="server" Width="80px" BorderColor="LightSteelBlue" BorderWidth="1px"
                                        Height="20px" BorderStyle="Solid" MaxLength="10"></asp:textbox></TD>
                            </TR>
                            <TR>
                                <TD style="WIDTH: 129px" noWrap><asp:label id="Label2" runat="server" Width="112px">Director (TSM)</asp:label></TD>
                                <TD noWrap><asp:dropdownlist id="cboID_DIRECTOR" runat="server" Width="200px"></asp:dropdownlist></TD>
                            </TR>
                            <TR>
                                <TD style="WIDTH: 129px" noWrap>
                                    <asp:label id="Label5" runat="server" Width="136px">Expert. (TC)</asp:label></TD>
                                <TD noWrap>
                                    <asp:dropdownlist id="cboID_EXPERT" runat="server" Width="200px"></asp:dropdownlist></TD>
                            </TR>
                            <TR>
                                <TD style="WIDTH: 129px; HEIGHT: 14px" noWrap>
                                    <asp:label id="Label31" runat="server" Width="88px">Type</asp:label></TD>
                                <TD noWrap style="HEIGHT: 14px">
                                    <asp:dropdownlist id="cboID_Type" runat="server"></asp:dropdownlist></TD>
                            </TR>
                            <TR>
                                <TD style="WIDTH: 129px" noWrap>
                                    <asp:label id="Label6" runat="server" Width="88px">Rut</asp:label></TD>
                                <TD noWrap>
                                    <asp:dropdownlist id="cbo_ID_RT" runat="server"></asp:dropdownlist></TD>
                            </TR>
                        </TABLE>
                    </TD>
                </TR>
                <TR>
                    <TD noWrap align="right" style="HEIGHT: 21px"><asp:button id="btnSave" runat="server" Width="65px" Text="Save" CssClass="MY_BUTTON"></asp:button>&nbsp;&nbsp;&nbsp; 
                        &nbsp;<asp:button id="btnCancel" runat="server" Width="65px" Text="Delete" CssClass="MY_BUTTON"></asp:button>&nbsp;&nbsp;<asp:button id="btnDelete" runat="server" Width="65px" Text="Sil" CssClass="MY_BUTTON"></asp:button></TD>
                </TR>
                <TR>
                    <TD noWrap align="right" height="20"><asp:label id="lblStatus" runat="server" Height="16px" ForeColor="Red" Font-Bold="True"></asp:label></TD>
                </TR>
                <TR>
                    <TD noWrap>

                    </TD>
                </TR>
            </TABLE>
            <asp:label id="Label29" style="Z-INDEX: 103; POSITION: absolute; TOP: 8px; LEFT: 8px" runat="server"
                Width="168px" Height="8px" ForeColor="#0000C0" Font-Bold="True" Font-Size="12pt">Parametreler > Bayi ></asp:label><asp:label id="Label30" style="Z-INDEX: 102; POSITION: absolute; TOP: 8px; LEFT: 184px" runat="server"
                Width="200px" Height="8px" ForeColor="#C00000" Font-Bold="True" Font-Size="12pt">Personel / Temsilci Girişi</asp:label><asp:textbox id="hdnID" style="Z-INDEX: 104; POSITION: absolute; TOP: 8px; LEFT: 472px" runat="server"
                Width="33px" BorderColor="LightSteelBlue" BorderWidth="1px" BorderStyle="Solid" Visible="False"></asp:textbox>
        <cc1:modalpopupextender ID="mdlDelete" runat="server"
        PopupControlID="pnlDelete"  BackgroundCssClass="modalBackground" OkControlID="btnDeleteOk" CancelControlID="btnDeleteCancel"
        TargetControlID="btnDelete">
     </cc1:modalpopupextender>
      <asp:Panel ID="pnlDelete" runat="server" CssClass="modal-dialog"  style="display:none">
     <div class="frame">
                    <div class="container">
                        <div class="header">
                            <div class="msg">Warning</div>
                            <asp:LinkButton ID="LinkButton1" runat="server" CssClass="close" OnClientClick="$find('mdlDelete').hide(); return false;" />
                        </div>
                        <div class="body">
                            <h2>Are u sure?h2>
                        </div>
                        <div class="footer">
                            <div class="right">
                                    <asp:Button 
                            ID="btnDeleteOk" runat="server" Text="Yes" Width="40px" />
                                <input id="btnDeleteCancel" type="button" value="No" style="width:40px" />
                            </div>
                        </div>
                    </div>
                </div>
            </asp:Panel>
    </div>
    </form>
</body>

最佳答案

背景颜色:我假设只有框架是灰色的。这没关系，因为您不应该更改另一个框架中的 HTML 代码。

位置:模态扩展器计算对话位置。所以你的 CSS 值被忽略了。使用 modalpopupextender 上的属性 X 和 Y 设置固定位置。

<cc1:modalpopupextender ID="mdlDelete" runat="server"                                              
    PopupControlID="pnlDelete"  BackgroundCssClass="modalBackground"  
    OkControlID="btnDeleteOk" CancelControlID="btnDeleteCancel"
    TargetControlID="btnDelete" X="10" Y="10" />

关于asp.net - 框架的 Modalpopup 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1485680/

文章推荐： python - 具有动态映射和复杂对象查询的 sqlalchemy

文章推荐： c# - 如何在 ASP.NET 上设置 treeview 的子节点回发为 false？

文章推荐： python - PyQt windows - 根本无法加载任何sql驱动程序

css - gumby 框架 CSS 框架
我需要开发一个简单的网站，我通常使用 bootstrap CSS 框架，但是我想使用 Gumbyn，它允许我使用 16 列而不是 12 列。我想知道是否: 我可以轻松地改变绿色吗？如何使用固定布局
php - 框架 - 什么是 PHP 框架？
这个问题在这里已经有了答案: 关闭 13 年前。与直接编写 PHP 代码相比，使用 PHP 框架有哪些优点/缺点？
java - 集成 Play 框架 2.0 和 Spring 框架
我开发了一个 Spring/JPA 应用程序:服务、存储库和域层即将完成。唯一缺少的层是网络层。我正在考虑将 Playframework 2.0 用于 Web 层，但我不确定是否可以在我的 Play
java - 如何将我的新 Spring 框架 Web 应用程序与启用了单点登录 (SSO) 的 Struts 框架 Web 应用程序链接
我现有的 struts Web 应用程序具有单点登录功能。然后我将使用 spring 框架创建一个不同的 Web 应用程序。然后想要使用从 struts 应用程序登录的用户来链接新的 spring 应
java - Java Web 框架(Ninja 和 Spark 框架)出现 MySQL unicode 错误
我首先使用Spark框架和ORMLite处理网页上表单提交的数据，在提交中文字符时看到了unicode问题。我首先想到问题可能是由于ORMLite，因为我的MySQL数据库的字符集已设置为使用utf8
c# - 如何在 .net 解决方案中有两个项目，一个针对 4.0 框架，另一个针对 4.5 框架？
我有一个使用 .Net 4.5 功能的模块，我们的应用程序也适用于 XP 用户。所以我正在考虑将这个 .net 4.5 依赖模块移动到单独的项目中。我怎样才能有一个解决方案，其中有两个项目针对不同的版
php - 将 Ajax/UI JS 框架(ext、jquery-ui)与 MVC PHP 框架(zend、symfony)结合起来是个好主意吗？
我知道这是一个非常笼统的问题，但我想我并不是真的在寻找明确的答案。作为 PHP 框架的新手，我很难理解它。 Javascript 框架，尤其是带有 UI 扩展的框架，似乎通过将 JS 代码与设计分开来
ORM 框架
我需要收集一些关于现有 ORM 解决方案的信息。请随意编写任何编程语言。你能谈谈你用过的最好的 ORM 框架吗？为什么它比其他的更好？最佳答案我使用了 NHibernate 和 Entity
iPhone 框架
除了 Apple 的 SDK 之外，还有什么强大的 iPhone 框架可供开始开发？有没有可以加快开发时间的方法？最佳答案此类框架最大的是Three20 。 Facebook 和许多其他公司都使用
JavaScript 框架
有人可以启发我使用 NodeJS 的 Web 框架吗？我最近开始从免费代码营学习express js，虽然一切进展顺利，但我对express到底是什么感到困惑。是全栈框架吗？纯粹是为了后端吗？我发现您
AJAX 框架
您可以推荐哪种 Ajax 框架/工具包来构建使用 struts 的 Web 应用程序的 GUI？最佳答案我会说你的 AJAX/javascript 库选择应该较少取决于你的后端是如何实现的，而更多
Python 框架
我有生成以下错误的 python 代码: objc[36554]: Class TKApplication is implemented in both /Library/Frameworks/Tk.
Karate 框架 - 如何使用声明的变量作为请求对象的参数？
首先，很抱歉，如果我问的问题很明显，因为我没有编程背景，那我去吧: 我想运行一系列测试场景并在背景部分声明了几个变量(我打印它们以仔细检查它们是否已正确声明)，第一个是整数，另外两个字符串为你可以看到
ffmpeg - 选择用于视频捕获和录制的库/框架
在我们承担的一个项目中，我们正在寻找一个视频捕获和录制库。我们的基础工作(基于 google 搜索)表明 vlc (libvlc)、ffmpeg (libavcodec) 和 gstreamer 是三
multithreading - 我该如何打断Play中的实时任务!框架
我试过没有运气的情况下寻找某种功能来杀死/中断Play中的正常工作!框架。我想念什么吗？还是玩了!实际没有添加此功能？最佳答案 Java stop类中没有像Thread方法那样的东西，由于种种原因
logging - 最小开销分布式事件日志库/框架？
我们希望在我们的系统中保留所有重大事件的记录。例如，在数据库可能存储当前用户状态的地方，事件日志应记录对该状态的所有更改以及更改发生的时间。事件记录工具应该尽可能接近于事件引发器的零开销，应该容纳结
ActionScript tdd 框架
那里有 ActionScript 2.0/3.0 的测试框架列表吗？最佳答案 2010-05-18 更新由于这篇文章有点旧，而且我刚刚收到了赞成票，因此可能值得提供一些更新的信息，这样人们就不会追
python - numpy数组的快速条件重叠窗口(框架)
我有一个巨大的 numpy 数组列表(一维)，它们是不同事件的时间序列。每个点都有一个标签，我想根据其标签对 numpy 数组进行窗口化。我的标签是 0、1 和 2。每个窗口都有一个固定的大小 M。
playframework - 配置变量在玩!框架
我是 Play 的新手!并编写了我的第一个应用程序。这个应用程序有一组它依赖的 URL，从 XML 响应中提取数据并返回有效的 URL。此应用程序需要在不同的环境(Dev、Staging 和 Pro
Scala CQRS 框架
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 4年前关闭。 Improve thi

太空宇宙

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

asp.net - 框架的 Modalpopup 问题