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.pswp.cn/news/372696.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/372696.shtml
英文地址,請注明出處:http://en.pswp.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…