ASP.NET弹出窗口选择信息的若干情况

最新推荐文章于 2020-12-24 03:56:35 发布
最新推荐文章于 2020-12-24 03:56:35 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： 个人随笔 文章标签： asp.net javascript class function string border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/changjian1444/article/details/7256658
版权 
在ASP.NET中，很多时候需要用到弹出窗口，具体何处使用要看个人需求，废话不多说，直接上示例。

单选泽弹出窗口

上图为单选，即先弹出一个窗口，选择信息后关闭弹出窗口，然后设置原页面上所需弹窗数据控件内容为所选内容。

弹出窗口示例 

上图为多选，即弹出一个窗口后选择所需信息后，不关闭弹出窗口原页面中对应需要获取弹出窗口信息的控件的内容也随之变化。

具体代码如下所示：

原页面：

<SCRIPT language=javascript>
/*其中toid为隐藏控件的ID，保存返回的ID，toname为textbox，显示范围的名称。不管是单选还是多选，原页面只有JAVASCRIPT方法*/
function group_select(toid,toname)
{
	var url= "../../../module/group_select/index.aspx?ToId="+toid+"&ToName="+toname; 
	var mwidth = "400";
	var mheight = "330";
	var loc_x,loc_y;  
	if(window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
	{
		loc_x = parseInt((document.body.clientWidth - mwidth)/2) + 200;
		loc_y = parseInt((document.body.clientHeight - mheight)/2);	
		window.open(url,"group_select","left=" + loc_x + "px,top=" + loc_y + "px,width=" + mwidth + "px,height=" + mheight + "px,resizable=no,scrollbars=yes,status=0");
	}
	else
	{
		loc_x=document.body.scrollLeft+event.clientX-event.offsetX-100;
		loc_y=document.body.scrollTop+event.clientY-event.offsetY+170;
		window.showModalDialog(url,self,"edge:raised;scroll:1;status:0;help:0;resizable:1;dialogWidth:"+mwidth+"px;dialogHeight:"+mheight+"px;dialogTop:"+loc_y+"px;dialogLeft:"+loc_x+"px");
	}
}

</SCRIPT>

弹窗页面单选主要代码（单选）：

<html>
<head>
    <title>设备</title>
    <script language=javascript>
    
var parent_window;
if(window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
	parent_window = window.parent.opener;
else
	parent_window = parent.dialogArguments;
    
    
function click_place(PartID,PartName)
{
    parent_window.document.getElementById("<% = PartID   %>").value = PartID;
    parent_window.document.getElementById("<% = PartName %>").value = PartName;
    returnValue="OK";
    window.close();/* 关闭窗口 */
}

    </script>
</head>
<body class="bodycolor" topmargin="1" leftmargin="0">
    <form id="Form1" method="post" runat="server">
        <table border="0" cellspacing="0" width="100%" class="small" cellpadding="3" bordercolorlight="#000000" bordercolordark="#ffffff">
            <tr class="TableHeader">
                <td colspan="2" align="center">
                    <b><% =FaultType%></b>
                </td>
            </tr>
            <asp:Repeater ID="rptPlace" runat="server">
                <ItemTemplate>
                    <tr class="TableLine1">
                        <td align="left">
                            <a href="javascript:click_place('<%#Eval("PartID")%>','<%#Eval("PartName")%>');"><%#DataBinder.Eval(Container.DataItem, "PartName")%></a>
                        </td>
                    </tr>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <tr class="TableLine2">
                        <td align="left">
                            <a href="javascript:click_place('<%#Eval("PartID")%>','<%#Eval("PartName")%>');"><%#DataBinder.Eval(Container.DataItem, "PartName")%></a>
                        </td>
                    </tr>
                </AlternatingItemTemplate>
            </asp:Repeater>
        </table>
    </form>
</body>
</html>

弹出窗口（多选）
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="TollFault.module.group_select.index" %>
<HTML>
 <HEAD>
  <title>选择角色</title>
  <style> .menulines { CURSOR: hand } </style>
  <script Language="JavaScript">  
var privlist=new Array();
<%=strPrivList%>
var parent_window;
if(window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
 parent_window = window.opener;
else
 parent_window = window.dialogArguments;
function click_priv(priv_id)
{
  TO_VAL=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value;
  TO_NAME=parent_window.document.getElementById("<% =ViewState["ToName"] %>").value;
  targetelement=document.getElementById("PRIV_"+priv_id);
  priv_name=targetelement.getAttribute("name");
  if(TO_VAL.indexOf(","+priv_id+",")>0 || TO_VAL.indexOf(priv_id+",")==0)
  {
    if(TO_VAL.indexOf(priv_id+",")==0)   
       parent_window.document.getElementById("<% =ViewState["ToId"] %>").value=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value.replace(priv_id+",","");
    
    if(TO_VAL.indexOf(","+priv_id+",")>0)    
       parent_window.document.getElementById("<% =ViewState["ToId"] %>").value=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value.replace(","+priv_id+",",",");
          
    if(TO_NAME.indexOf(priv_name+",")==0)     
       parent_window.document.getElementById("<% =ViewState["ToName"] %>").value=parent_window.document.getElementById("<% =ViewState["ToName"] %>").value.replace(priv_name+",","");       
    
    if(TO_NAME.indexOf(","+priv_name+",")>0)
       parent_window.document.getElementById("<% =ViewState["ToName"] %>").value=parent_window.document.getElementById("<% =ViewState["ToName"] %>").value.replace(","+priv_name+",",",");
    
    borderize_off(targetelement);
  }
  else
  {
    parent_window.document.getElementById("<% =ViewState["ToId"] %>").value+=priv_id+",";
    parent_window.document.getElementById("<% =ViewState["ToName"] %>").value+=priv_name+",";
    borderize_on(targetelement);
  }
}
function borderize_on(targetelement)
{
 color="#003FBF";
 targetelement.style.borderColor="black";
 targetelement.style.backgroundColor=color;
 targetelement.style.color="white";
 targetelement.style.fontWeight="bold";
}
function borderize_off(targetelement)
{
  targetelement.style.backgroundColor="";
  targetelement.style.borderColor="";
  targetelement.style.color="";
  targetelement.style.fontWeight="";
}
function begin_set()
{
  TO_VAL=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value;  
  if(TO_VAL=="ALL_PRIV")
  {
     parent_window.document.getElementById("<% =ViewState["ToId"] %>").value="";
     parent_window.document.getElementById("<% =ViewState["ToName"] %>").value="";
  }  
  for (step_i=0; step_i<privlist.length; step_i++)
  {
  priv_id=privlist[step_i];
     if(TO_VAL.indexOf(","+priv_id+",")>0 || TO_VAL.indexOf(priv_id+",")==0)
  borderize_on(document.getElementById("PRIV_"+privlist[step_i]));
  }
}
function add_all()
{
  TO_VAL=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value;
  for (step_i=0; step_i<privlist.length; step_i++)
  {
    priv_id=privlist[step_i];
    priv_name=document.getElementById("PRIV_"+privlist[step_i]).getAttribute("name");
    if(TO_VAL.indexOf(","+priv_id+",")<=0 && TO_VAL.indexOf(priv_id+",")!=0)
    {
        parent_window.document.getElementById("<% =ViewState["ToId"] %>").value+=priv_id+",";
        parent_window.document.getElementById("<% =ViewState["ToName"] %>").value+=priv_name+",";
        borderize_on(document.getElementById("PRIV_"+privlist[step_i]));
    }
  }
}
function add_all_priv()
{
 parent_window.document.getElementById("<% =ViewState["ToId"] %>").value="ALL_PRIV";
    parent_window.document.getElementById("<% =ViewState["ToName"] %>").value="全体分组";   
    parent.close();
}
function del_all()
{  
  for (step_i=0; step_i<privlist.length; step_i++)
  {  
 TO_VAL=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value;
 TO_NAME=parent_window.document.getElementById("<% =ViewState["ToName"] %>").value;
  
    priv_id=privlist[step_i];
    priv_name=document.getElementById("PRIV_"+privlist[step_i]).getAttribute("name");
    
 if(TO_VAL.indexOf(priv_id+",")==0)   
  parent_window.document.getElementById("<% =ViewState["ToId"] %>").value=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value.replace(priv_id+",","");
     
 if(TO_VAL.indexOf(","+priv_id+",")>0)    
  parent_window.document.getElementById("<% =ViewState["ToId"] %>").value=parent_window.document.getElementById("<% =ViewState["ToId"] %>").value.replace(","+priv_id+",",",");
           
 if(TO_NAME.indexOf(priv_name+",")==0)     
  parent_window.document.getElementById("<% =ViewState["ToName"] %>").value=parent_window.document.getElementById("<% =ViewState["ToName"] %>").value.replace(priv_name+",","");       
    
    if(TO_NAME.indexOf(","+priv_name+",")>0)
       parent_window.document.getElementById("<% =ViewState["ToName"] %>").value=parent_window.document.getElementById("<% =ViewState["ToName"] %>").value.replace(","+priv_name+",",",");
      
    borderize_off(document.getElementById("PRIV_"+privlist[step_i]));
  }
}
  </script>
 </HEAD>
 <body topmargin="1" leftmargin="0" class="bodycolor" οnlοad="begin_set();">
  <form id="Form1" method="post" runat="server">
   <table border="1" cellspacing="0" width="95%" class="small" cellpadding="3" bordercolorlight="#000000"
    bordercolordark="#ffffff" align="center"> 
    <tr class="TableContent">
     <td class="menulines" οnclick="javascript:add_all();" align="center">全部添加</td>
    </tr>
    <tr class="TableContent">
     <td class="menulines" οnclick="javascript:del_all();" align="center">全部删除</td>
    </tr>
    <asp:Literal id="litPriv" runat="server"></asp:Literal>
   </table>
  </form>
 </body>
</HTML>
 

后台代码

private void LoadData()
        {
            string lit = "";
            Utilities.DBConnect db = new Utilities.DBConnect();

            DataTable dt = db.ExecuteDataTable("Select * from TMobileGroup order by GID");
            if (dt == null) { return; }
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                string GID = dt.Rows[i]["GID"].ToString();
                string GName = dt.Rows[i]["GName"].ToString();
                strPrivList += "privlist[" + i.ToString() + "]=" + GID + ";\r\n";

                lit += "<tr class='TableControl'>\r\n";
                lit += "<td class='menulines' id='PRIV_" + GID + "' name='" + GName + "' οnclick='javascript:click_priv(" + GID + ")' align=left>" + GName + "</td>\r\n";
                lit += "</tr>\r\n";
            }

            litPriv.Text = lit;

        }

这是借鉴思道OA的弹窗做出的。东西简单，不多说了。

 

changjian1444
关注
专栏目录
ASP.NET 弹出窗体选择控件
ceozhg2009的专栏
02-01 542
" type="text/css" rel="stylesheet">   <asp:Button ID="btnClick" runat="server" onclick="btnClick_Click" style="display:none" Text="Button" /> <asp:Button ID="btnClearClick"
ASP.NET知识点
Rex_Surprise的博客
06-27 2047
ASP.NET知识点 第一章 ASP.NET简介 第二章 ASP.NET中的控件 1. 控件分类 2. 页面回发 3. 常用控件 1. Label控件 2. TextBox控件 3. Image控件 4. HyperLink控件 5. RadioButton控件 6. CheckBox控件 7. 列表控件 8. HiddenField控件 4. 服务器控...
在ASP.NET中实现弹出窗口总结
05-28
在ASP.NET中实现弹出窗口的所有用法
ASP.NET中如何弹出对话框
月月鸟个人博客
01-29 1448
        最近在进行项目开发中，经常会遇到这种情况，就是当用户点击页面上的Button时，系统需要弹出一个窗口。这个窗口可能是标准对话框，也可能是一个新的页面。开始的时候我不知道如何实现这样的功能，按照我以前的编程习惯，我认为应该有一个类似于ShowMessage的方法，但是，可惜这种方法在WEB下是没有的。通过在网上查阅资料，发现一般的做法是在Button的OnClick事件中写下如下代码
asp.net弹出窗口
学习，工作以及生活
08-12 834
【1、最基本的弹出窗口代码】  其实代码非常简单：     window.open ('page.html')   -->      因为着是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代
微信小程序——操作当前页面返回上一个页面
qq_43201350的博客
10-20 1788
主页面：A 次页面： B 由A到B A页面： //更新本页面 go_update(){ console.log('我更新啦!') }, B页面： handleClick(){ let pages = getCurrentPages(); //获取小程序页面栈 let beforePage = pages[pages.length -2]; //获取上个页面的实例对象 beforePage.setData({ //直接修改上个页面的数据（可通过这种
electron 窗口BrowserWindow
weixin_43294560的博客
05-02 9552
const mainWindow = new BrowserWindow({ width: 800, height: 600, frame:false, 弹出的窗口有无边框,默认为有 show:false, 是否显示窗口,否后,通过对象.show()打开 backgroundColor:"#ADD6FF" 设置背景色,16进制rgba格式 ...
用ASP.NET Core与Dynamic Web TWAIN SDK做一个跨平台的文档扫描应用
jerrycha1106的博客
09-22 290
用ASP.NET Core与Dynamic Web TWAIN SDK做一个跨平台的文档扫描应用 ASP.NET Core以优异的性能、良好的跨平台特性、完善的文档支持，在开发者之中获得了不错的反响。C# Web应用开发者从此可以沿用既有的技术栈进行跨平台的Web应用开发。今天，我来分享如何对ASP.NET Core与Dynamic Web TWAIN集成，开发一个Web端的扫描应用。 准备工作 首先，我们需要安装Dynamic Web TWAIN，以进行我们的开发工作。如果你以前没有安装过这个SDK，可以
即时通讯软件-B/S-asp.net-课设
最新发布
02-18
我们设计了一个类似于MSN提示框的小窗口，定时的检查是否有新消息，如果有的话弹出这个窗口，用户可以即时回复消息。 5．查看近期消息。当加载消息发送页面的时候，会首先加载若干条近期的聊天记录，帮助用户回顾...
ASP.NET的网页代码模型及生命周期
07-28
创建Application，首先需要新建项目用于开发Web Application，单击菜单栏上的【文件】按钮，在下拉菜单中选择【新建项目】选项，在弹出窗口中选择【ASP.NET应用程序】选项，如图4-5所示。 图4-5 创建ASP.NET应用...
asp.net 实现弹出窗口功能
09-25
在 web应用中，比如OA中，经常要用到一些提示，比如EMAIL到达了，就做个象MSN那样的提示框，弹出给用户提示，然后再关闭。在ASP.net 2.0的ajax中，这个现在不难做到了，刚好看到老外的一篇文章，讲解到，下面小结之
AspNet弹出窗口演示.rar
02-26
习惯了Windows编程的小伙伴们往往对wingdows编程中的弹出窗口情有独钟。但是现在window.showmodalDialog()基本上属于被弃用的状态，蓝瘦香菇 目前用window.open()来代替，为此提供此实例，希望能帮助你们。
ASP.NET 状态服务 及 session丢失问题解决方案总结
殘遛的博客
07-09 1846
ASP.NET 状态服务 及 session丢失问题解决方案总结最近在开发一ASP.NET2.0系统时，在程序中做删除或创建文件操作时，出现session丢失问题。在网上搜了不少资料，最后终于解决了，采用了如下方法：1、asp.net Session的实现：asp.net的Session是基于HttpModule技术做的，HttpModule可以在请求被处理之前，对请求进行状态控制，由于Sessi...
web前端--HTML--傻瓜笔记--0928(内联框架)
weixin_44734518的博客
09-29 332
Web前端–HTML 8.内联框架(内联窗口) ①基本概念 内联框架可以在一个窗口内嵌入一个子窗口，从而在子窗口中引入一个外部的界面。 ②基本框架 <iframe src="地址" name="#" width="#" height="#" frameborder="框架边框"> </iframe> <a href="" target="aa">链接名称</a> <iframe name="aa"></iframe> 当ta
aspnet弹窗_asp.net 弹出窗口的方法
weixin_31908827的博客
12-24 949
平时在写弹出窗口的时候经常用到Response.Write("alert('......')");弹出窗口后原先的页面就会白屏，也有人说页面结构会改变，我不知道是什么意思。在网上搜了一下关于弹出alert窗口的方法，用到了clientScriptManage类的RegisterStartupScript方法解决页面白屏和变形问题。在msdn上查看了ClientScriptManage类中这个方法的...
Asp.net CheckBoxList 多选提示
weixin_34168880的博客
01-01 116
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { ...
.net web弹出对话框
weixin_34419326的博客
02-16 540
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('请输入正确的用户名和密码！');</script>"); 在.NET WEB应用上弹出消息框，我试验成功的有下面的几种，若有其他方法，望您不吝赐教。1.只弹出提示消息。 方法一： stri...
Asp.net点击按钮弹出文件夹选择框的实现（网页）
dingjianzhu9863的博客
11-12 764
本文地址：http://www.cnblogs.com/PiaoMiaoGongZi/p/4092112.html 在Asp.net网站实际的开发中，比如：需要实现点击一个类似于FileUpload的浏览...按钮，弹出文件夹选择框，然后选择本地路径下的 某一文件夹，将该路径值付给TextBox。参考了好多网络资料，但是其主要实现方式是通过FileUpload，但是这种文件上传方...
asp.net弹出新窗口的4个方法
bobo_mayday的专栏
12-30 3823
<br />1：在后台操作<br />ScriptManager.RegisterStartupScript(<br />    this.Page<br />    , this.GetType()<br />    , "New Open"<br />    , "window.open('CustomerUpdate.aspx?Customerid=" + Customerid.ToString() + "')"<br />     , true);<br />2：弹出模式窗口：<br /> "win
ASP.NET中使用showModalDialog弹出窗口并获取返回值
这种技术在ASP.NET开发中常用于实现弹出窗口确认、选择、编辑等交互场景，它可以提供更好的用户体验，因为用户不需要离开当前页面就能完成一些操作并看到结果。 总结来说，这个知识点涉及了以下内容： 1. ASP.NET中...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值