ASP.NET—013:实现带控件的弹出层(弹出框)

http://blog.csdn.net/yysyangyangyangshan/article/details/38458169

在页面中用到弹出新页面的情况比较多的,一般来说都是使用JS方法
showModalDialog("新页面相对路径+?参数1&参数2",window,"新页面样式");然后会新弹出一个模态的page页。
而在有些时候,仅仅是显示一些单一的、少量的数据,或者一些简单的操作时。就没必要使用新弹出页面了。
此时,最好使用弹出层,也就是数据还是显示在当前页面的某个控件上,然后通过JS方法实现达到弹出的目的。
看下面的例子:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"><title></title>
</head>
<body><form id="form1" runat="server"><div><ul><li>操作一</li><li>操作二</li><li><asp:Button ID="btnShow" runat="server" Text="操作三(弹出层)" OnClientClick="return ShowBlock();" /></li><li>操作四</li><li>操作五</li></ul></div><!--弹出层,-->   <div id="divNewBlock" style=" border:solid 5px;padding:10px;width:600px;z-index:1001; position: absolute; display:none;top:50%; left:10%;margin:-50px;"><div style="padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;" ><div>弹出层,平时在隐藏状态,这里可以放控件,加载数据,操作数据等。</div><div>     <asp:Button ID="BtnOperation" runat="server" Text="操作按钮" OnClientClick="return Operate();"/> <asp:Button ID="BttCancel"  runat="server" Text="关闭" OnClientClick="return HideBlock();" /></div></div></div> </form>
</body><script type="text/javascript" language="javascript">function HideBlock() {document.getElementById("divNewBlock").style.display = "none";return false;}function ShowBlock() {var set = SetBlock();document.getElementById("divNewBlock").style.display = "";return false;}function SetBlock() {var top = document.body.scrollTop;var left = document.body.scrollLeft;var height = document.body.clientHeight;var width = document.body.clientWidth;if (top == 0 && left == 0 && height == 0 && width == 0) {top = document.documentElement.scrollTop;left = document.documentElement.scrollLeft;height = document.documentElement.clientHeight;width = document.documentElement.clientWidth;}return { top: top, left: left, height: height, width: width };}function Operate() {return false;}</script>
</html>

效果如下:

 

其实是很简单的控制,这样一来加载数据和操作等都在当前页面,对于要求不是很多的操作就方便了许多。

代码下载:http://download.csdn.net/detail/yysyangyangyangshan/7734257

转载于:https://www.cnblogs.com/XACOOL/p/5650029.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/372696.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

运维人员日常工作(转自老男孩)

1&#xff09;运维人员要谨记的6个字&#xff1a; 运维人员做事需遵循&#xff1a;简单、易用、高效 &#xff08;2&#xff09;运维人员服务的3大宗旨&#xff1a; 1、企业数据安全保障。 2、7*24小时业务持续提供服务。 3、不断提升用户感受、体验。 &#xff08;3&#xff0…

c# 操作DatatTable

dtTemp.Columns.Add("列名");//增加一列 dtTemp.Columns.Remove("列名");//删除一列 dtTemp.Columns["旧列名"].ColumnName "新列名";//修改列名 dtTemp.Columns["列名1"].SetOrdinal(dtTemp.Columns["列名2"].O…

java 二进制 归属权限_【Java EE 学习 75 上】【数据采集系统第七天】【二进制运算实现权限管理】【权限分析和设计】...

一、权限计算相关分析1.如何存储权限首先说一下权限保存的问题&#xff0c;一个系统中最多有多少权限呢&#xff1f;一个大的系统中可能有成百上千个权限需要管理。怎么保存这么多的权限&#xff1f;首先&#xff0c;我们使用一个数字中的一位保存一种权限&#xff0c;那么如果…

MongoDB性能测试

因此&#xff0c;今天早上&#xff0c;我在mongo shell中四处乱逛。 我想出了三种不同的方式来聚合所需的数据&#xff0c;但不确定随后应移植哪种代码以在应用程序中使用。 那么&#xff0c;我将如何决定实施哪种方法呢&#xff1f; 好吧&#xff0c;让我们选择性能最佳的产品…

$_SERVER[SCRIPT_NAME]、$_SERVER[PHP_SELF]、$_SERVER[QUERY_STRING]、$_SERVER[REQUEST_URI]

1、$_SERVER["SCRIPT_NAME"] 说明&#xff1a;包含当前脚本的路径 2、$_SERVER["PHP_SELF"] 说明&#xff1a;当前正在执行脚本的文件名 3、$_SERVER["QUERY_STRING"] 说明&#xff1a;查询(query)的字符串 4、$_SERVER["REQUEST_URI"…

yii2增删改查及AR的理解

yii2增删改查 // 返回 id 为 1 的客户 $customer Customer::findOne(1); // 返回 id 为 1 且状态为 *active* 的客户 $customer Customer::findOne([ id > 1, status > Customer::STATUS_ACTIVE, ]); // 返回id为1、2、3的一组客户 $customers Customer::findAll([1, …

GWT和HTML5 Canvas演示

这是我对GWT和HTML5 Canvas的第一个实验。 我的第一个尝试是创建矩形&#xff0c;仅用几行代码就得出了这样的内容&#xff1a; 码&#xff1a; public class GwtHtml5 implements EntryPoint {static final String canvasHolderId "canvasholder";static final St…

mysql 平均值 排序_MySQL按平均两个平均值排序

我正在竞赛网站上工作,有两种类型的用户,普通网站成员和评委.每个人都可以使用拖放工具按照他们选择的顺序对特定比赛中的条目进行排序.完成后,相关的条目ID将附加一个排名值,然后可用于确定比赛中哪个条目获得最高的平均分数.获胜者实际上将通过平均每组的平均值来确定.我希望…

Solr管理界面详解

转载于:https://www.cnblogs.com/gslblog/p/6553813.html

iconv编码转换指令

看到一个不错的指令iconv&#xff0c;可以对文件编码进行转换&#xff0c;记录如下: iconv --list 列出所有支持转换的编码 icon -f code1 -t code2 filename -o newfile -f 即from 原来的编码 -t 即to 新的编码 filename 待转换的文件名 -o newfile 要输出的文件名 转载于:htt…

使用Spring Roo进行快速云开发–第2部分:VMware Cloud Foundry

Spring Roo是在Java平台上提供快速应用程序开发的工具。 我已经解释了何时使用它&#xff1a; http : //www.kai-waehner.de/blog/2011/04/05/when-to-use-spring-roo 。 Spring Roo目前支持两种针对云计算的解决方案&#xff1a;Google App Engine&#xff08;GAE&#xff09;…

java程序日期转换_Java 日期转换详解及实例代码

Java 日期转换涉及的核心类&#xff1a;Date类、SimpleDateFormat类、Calendar类一、 Date型与long型Date型转换为long型Date date new Date();//取得当前时间Date类型long date2long date.getTime();//Date转longlong型转换为Date型long cur System.currentTimeMills();//取…

软件设计之思想

编程用何种语言不重要&#xff0c;重要的是其设计思想。转载于:https://www.cnblogs.com/redfull/p/6554898.html

asp.net 与 java 2017_[ASP.net教程]C#与JAVA学习感悟

[ASP.net教程]C#与JAVA学习感悟0 2015-10-06 23:00:07C#与JAVA学习感悟学完C#与JAVA&#xff0c;感觉收获良多。C#与JAVA这两门语言相似度很高(了解它们早期历史的人可能知道为什么)&#xff0c;也许很多人在学习JAVA(或C#)时会同时学习C#(或JAVA)&#xff0c;因为它们太相似了…

Spring和JSF集成:国际化和本地化

如果您正在开发针对多种语言的JSF应用程序&#xff0c;那么您可能很熟悉<f&#xff1a;loadBundle>标记。 即使您的应用程序不支持使用消息包的国际化仍然是一个好主意。 在<f&#xff1a;loadBundle>标记下&#xff0c;它从Java java.util.ResourceBundle中读取消…

一个实用的却被忽略的命名空间:Microsoft.VisualBasic:

当你看到这个命名空间的时候&#xff0c;别因为是vb的东西就匆忙关掉网页&#xff0c;那将会是您的损失&#xff0c;此命名空间中的资源最初目的是为了简化vb.net开发而创建的&#xff0c;所以microsoft.visualbasic并不属于system命名空间&#xff0c;而是独立存在的。虽然是为…

Linux基础之命令练习Day2-useradd(mod,del),groupadd(mod,del),chmod,chown,

作业一&#xff1a; 1) 新建用户natasha&#xff0c;uid为1000&#xff0c;gid为555&#xff0c;备注信息为“master” 2) 修改natasha用户的家目录为/Natasha 3) 查看用户信息配置文件的最后一行 4) 为natasha用户设置密码“123” 5) 查看用户密码配置文件的最后一行 6) 将nat…

动态表单,JSF世界早已等待

新的PrimeFaces扩展版本0.5.0带来了新的DynaForm组件。 通常&#xff0c;如果知道行/列的数量&#xff0c;元素的位置等&#xff0c;则可以通过h&#xff1a;panelGrid或p&#xff1a;panelGrid来构建非常简单的表单。 对于静态表单&#xff0c;这是正确的。 但是&#xff0c;如…

C# 定时器事件(设置时间间隔,间歇性执行某一函数,控制台程序)

定时器事件代码 static void Main(string[] args) {Method();#region 定时器事件 Timer aTimer new Timer();aTimer.Elapsed new ElapsedEventHandler(TimedEvent);aTimer.Interval seconds * 1000; //配置文件中配置的秒数aTimer.Enabled true;#endregionstring strLi…

总结get和post区别

参考博文&#xff1a;   浅谈HTTP中Get与Post的区别 1. 数据传递方向&#xff1a; Get是向服务器发索取数据的一种请求&#xff0c;Post是向服务器提交数据的一种请求 &#xff08;都是请求&#xff0c;并不是一个取一个发&#xff09; Get&#xff1a;①用于获取信息&#x…