AjaxToolKit学习笔记之 ModalPopupExtender

1.控件功能描述

以模式窗口的方式弹出客户或服务器控件,以突出显示! 弹出的一般是DIV或PANEL.

2.控件属性描述

TargetControlID : 控制是否弹出的控件的ID.

PopupDragHandleControlID : 允许拖拽的控件的ID.

PopupControlID: 指定要弹出的控件的ID.

BackgroundCssClass: 指定弹出控件后其它内容的样式.

DropShadow: 弹出的控件是否有阴影效果.

OkControlID: 确认按钮的ID.

OnOkScript : 单击［确认］按钮时要执行的脚本方法

CancelControlID :取消按钮的ID.

OnCancelScript : 单击［取消］按钮时要执行的脚本方法.

X,Y :指定弹出层的位置.

RepositionMode : 指示当页面窗口调整大小或滚动时,弹出层是否要进行位置移动.

3.功能演示

3.1 页面代码

代码

...

<div>
<asp:Button runat="server" ID="btnViewMore" Text="More" />
        <asp:Panel ID="pnlViewCustomer" runat="server" CssClass="modalPopup" style="display:none;">
            <div style="margin:10px">
                <h1>The service is not available in <span id="Country"></span>.</h1>
                <asp:Button runat="server" ID="viewBox_OK" Text="OK" />
            </div>
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender2" runat="server"
            TargetControlID="btnViewMore" Drag ="true"
            PopupDragHandleControlID="pnlViewCustomer"
            PopupControlID="pnlViewCustomer"
            BackgroundCssClass="modalBackground"
            DropShadow="false"
            OkControlID="viewBox_OK">
        </ajaxToolkit:ModalPopupExtender>

</div>

4.试验过程中碰到的问题及原因

4.1 弹出层后,并没有屏蔽层以外的控件.

原因:没有设置BackgroundCssClass. 这个CSS是要自己写的. 如例子中的modalBackground.

4.2 设置BackgroundCssClass后,弹出层也显示成灰色.

原因:没有设置弹出层pnlViewCustomer的CSSCLASS. 这个CSS也是要自己写的. 如例子中的modalPopup.

5.总结

5.1 要达到模式弹出的效果,需要设置ModalPopupExtender的BackgroundCssClass样式,并在此样式中加上过滤效果!

6.参考文档

http://www.asp.net/ajaxlibrary/act_ModalPopup.ashx

转载于:https://www.cnblogs.com/msnadair/archive/2010/05/17/1737084.html

AjaxToolKit学习笔记之 ModalPopupExtender相关推荐

PyTorch 学习笔记（六）：PyTorch hook 和关于 PyTorch backward 过程的理解 call
您的位置首页 PyTorch 学习笔记系列 PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解发布: 2017年8月4日 7,195阅读 ...
容器云原生DevOps学习笔记——第三期：从零搭建CI/CD系统标准化交付流程
暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...
容器云原生DevOps学习笔记——第二期：如何快速高质量的应用容器化迁移
暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...
2020年Yann Lecun深度学习笔记（下）
2020年Yann Lecun深度学习笔记(下)
2020年Yann Lecun深度学习笔记（上）
2020年Yann Lecun深度学习笔记(上)
知识图谱学习笔记（1）
知识图谱学习笔记第一部分,包含RDF介绍,以及Jena RDF API使用知识图谱的基石:RDF RDF(Resource Description Framework),即资源描述框架,其本质是一个 ...
计算机基础知识第十讲,计算机文化基础（第十讲）学习笔记
计算机文化基础(第十讲)学习笔记采样和量化PictureElement Pixel(像素)(链接: 采样的实质就是要用多少点(这个点我们叫像素)来描述一张图像,比如,一幅420x570的图像,就表示 ...
Go 学习推荐 —（Go by example 中文版、Go 构建 Web 应用、Go 学习笔记、Golang常见错误、Go 语言四十二章经、Go 语言高级编程）
Go by example 中文版 Go 构建 Web 应用 Go 学习笔记:无痕 Go 标准库中文文档 Golang开发新手常犯的50个错误 50 Shades of Go: Traps, Gotc ...
MongoDB学习笔记(入门)
MongoDB学习笔记(入门) 一.文档的注意事项: 1. 键值对是有序的,如:{ "name" : "stephen", "genda" ...

AjaxToolKit学习笔记之 ModalPopupExtender

AjaxToolKit学习笔记之 ModalPopupExtender相关推荐

最新文章

热门文章

AjaxToolKit学习笔记 之 ModalPopupExtender

AjaxToolKit学习笔记 之 ModalPopupExtender相关推荐

最新文章

热门文章

AjaxToolKit学习笔记之 ModalPopupExtender

AjaxToolKit学习笔记之 ModalPopupExtender相关推荐