仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 602|回复: 8
打印 上一主题 下一主题

[学习教程] ASP.NET网页编程之ASP.NET1.0/2.0里用DIV层元素弹出窗体

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 22:47:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
你觉得数据库怎么样?asp.net  本文BilalHaidar将率领您怎样利用DIV元从来创立弹出的窗体,这类弹出便可以包括复杂的HTML元素也能够包括ASP.NET服务器控件,并且在完成过程当中没有利用传统的window函数和showModalDialog/showModelessDialog函数(传统的我们利用window.open,大概showModalDialog如许的函数来制造弹出窗口--每天正文)

  比来我在用ASP.NET1.1手艺来开辟一个窗体,该窗体包括由三个控件构成的一个面板汇合,这个面板用来显现体系信息.能够设想这些控件是一些复杂的下拉框,当第一个下拉框拔取后,第二个下拉框的值将显现被第一个过滤的了局,一样第三个下拉框将依据第二个下拉框的选择而举行改动显现。

  窗体的这个手艺一般被用来让终端客户那些不晓得ASP.NET手艺的职员猎取更好的用户体验。

  当决意利用这些控件的替换品利用时,您是不是用过dropdownlist大概是具有弹出窗体功效的Textbox控件?

  好了,我们已有了一个很好的办理计划:利用TextBox控件并挂钩OnClick事务来触发DIV弹出窗体,包含利用Listbox控件来选择数据的值
一个不利用任何惯例popup窗体大概过期的Dropdownlist来完成这个功效

  THEHTMLWebForm

  我们已创建了一个复杂的WebForm,他包括了一些TextBox,每个TextBox已附加了OnClick事务,用一段javascript代码来弹出窗体,代码以下:

<%@Pagelanguage="c#"
Codebehind="ParentPage.aspx.cs"AutoEventWireup="false"
Inherits="PopupWithDiv.ParentPage"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
 <title>ParentPage</title>
 <LINKhref="main.CSS"type="text/css"rel="stylesheet">
 <scriptsrc="jsPopup.js"type="text/javascript"></script>
 <scriptlanguage="javascript">
  <!--
   //Preventusersfromtypinganytext
   //intotheTextbox
   functionProtectBox(e)
   {returnfalse;}

  //-->
 </script>
</HEAD>
<body>
 <formid="Form1"method="post"runat="server">
 <!--HeaderSection-->
 <divid="header">
  <p>PopupWindowwithDIVLayer</p>
 </div>
 <!--BodySection-->
 <divid="content">
  <tableborder="0"cellpadding="0"cellspacing="0">
  <trvalign="top">
   <td><labelfor="txtCountry">Country:</label></td>
   <td><asp:TextBox
     id="txtCountry"runat="server"></asp:TextBox></td>
   <tdwidth="50"></td>
   <td><labelfor="txtCity">City:</label></td>
   <td><asp:TextBox
      id="txtCity"runat="server"></asp:TextBox></td>
  </tr>
  </table>
 </div>
 <%--Country--%>
 <divclass="popupWindow"id="divCountry">
  <tablecellSpacing="0"cellPadding="0"width="100%" bgColor="#2557ad"border="0">
  <tr>
   <tdalign="right"><spanstyle="CURSOR:hand"
    ><imgalt="HidePopup"src="http://www.webjx.com/htmldata/2006-12-05/close.gif"
    border="0"></span></td>
  </tr>
  <tr>
   <td>
    <asp:ListBoxid="lstCountry"runat="server"AutoPostBack="True"width="100%"
rows="10"></asp:ListBox></td>
  </tr>
 </table>
 </div>
 <%--City--%>
  <divclass="popupWindow"id="divCity">
  <table
    cellSpacing="0"cellPadding="0"width="100%"
    bgColor="#2557ad"border="0">
  <tr>
   <tdalign="right"><spanstyle="CURSOR:hand"><imgalt="HidePopup"src="http://www.webjx.com/htmldata/2006-12-05/close.gif"border="0"></span></td>
  </tr>
  <tr>
   <td>
    <asp:ListBoxid="lsCity"runat="server"AutoPostBack="True"width="100%"rows="10"></asp:ListBox>   </td>
  </tr>
  </table>
 </div>
</form>
</body>
</HTML>
  代码中,用粗体标出的部分是Popup窗体的次要属性,在鼠标单击时,将挪用一端JavaScript:PopupArea。

  正如您所看到的,我们在页面底部增加了两个DIV元素,一个用于国度,一个用于乡村,每个都包括ListBox控件,用户可使用Listbox选择下面的内容。

  下实际了页面扫瞄的效果,他还演示了怎样弹出DIV窗体




  当单击Textbox外部,windows将弹出窗体而不会引发页面数据回发明在该到添补个中数据的时分了
<P>  PageCOde-behind

  在页面背景,我们筹办从一个XML文档加载list“国度”所必要的数据,同时显现国度的称号,上面列出了这个功效的代码:

  Listing2:PopulateCountryListBox

//LoaddataintoCountryListbox
if(!Page.IsPostBack)
{
 //LoaddatafromXMLintoaDataSet
 DataSetds=newDataSet();
 ds.ReadXml(Server.MapPath("countries.xml"));

 this.lstCountry.DataSource=ds.Tables[0].DefaultView;
 this.lstCountry.DataTextField="name";
 this.lstCountry.DataBind();
}

  在这一步骤中,当页面运转时,您能够选择国度,以下图





  如今,当用户选择国度时,将触发listbox的选择事务,并经由过程该事务加载“乡村”数据,该数据一样从XML文档加载

  上面列出了事务代码

  Listing3

privatevoidlstCountry_SelectedIndexChanged(objectsender,EventArgse)
{
 //Setthevalueinthetextbox
 this.txtCountry.Text=this.lstCountry.SelectedValue;

 //LoadandFilterthelstCity
 DataSetds=newDataSet();
 ds.ReadXml(Server.MapPath("cities.xml"));

 DataViewdv=ds.Tables[0].DefaultView;
 dv.RowFilter="country="+this.lstCountry.SelectedValue+"";

 //BindlstCity
 this.lstCity.DataSource=dv;
 this.lstCity.DataTextField="name";
 this.lstCity.DataBind();
}
  用户如今能够选择与国度相婚配的乡村,以下





就安全性而言,Java已经远远低于VB.NET,更无法与安全性著称的C#相比。
不帅 该用户已被删除
沙发
发表于 2015-1-19 23:49:49 | 只看该作者
主流网站开发语言之PHPHP的全名非常有趣,它是一个巢状的缩写名称——“PHP:HypertextPreprocessor”,打开缩写还是缩写。PHP是一种HTML内嵌式的语言(就像上面讲的ASP那样)。而PHP独特的语法混合了C,Java,Perl以及PHP式的新语法。它可以比CGI或者Perl更快速地执行动态网页。
精灵巫婆 该用户已被删除
板凳
发表于 2015-1-26 20:31:40 | 只看该作者
ASP.Net和ASP的最大区别在于编程思维的转换,而不仅仅在于功能的增强。ASP使用VBS/JS这样的脚本语言混合html来编程,而那些脚本语言属于弱类型、面向结构的编程语言,而非面向对象。
透明 该用户已被删除
地板
发表于 2015-2-4 20:30:31 | 只看该作者
Asp.net脚本的出现,为ASP空间带来了更高的稳定性,同时也为程序员建站提供更高环境!
兰色精灵 该用户已被删除
5#
发表于 2015-2-10 07:13:18 | 只看该作者
ASP.Net和ASP的最大区别在于编程思维的转换,而不仅仅在于功能的增强。ASP使用VBS/JS这样的脚本语言混合html来编程,而那些脚本语言属于弱类型、面向结构的编程语言,而非面向对象。
飘飘悠悠 该用户已被删除
6#
发表于 2015-3-1 02:42:10 | 只看该作者
提供基于组件、事件驱动的可编程网络表单,大大简化了编程。还可以用ASP.NET建立网络服务。
深爱那片海 该用户已被删除
7#
发表于 2015-3-10 12:29:21 | 只看该作者
HTML:当然这是网页最基本的语言,每一个服务器语言都需要它的支持,要学习,这个肯定是开始,不说了.
小魔女 该用户已被删除
8#
发表于 2015-3-17 06:33:54 | 只看该作者
Asp.net:首先来说,Asp.net和Asp没什么关系,看着像是升级版本什么的,其实没什么联系。Asp是脚本编程,用的是ASP语言,而ASP.net用的是C#语言,完全不同的东西。
再见西城 该用户已被删除
9#
发表于 2015-3-24 00:06:55 | 只看该作者
当然我们在选择Asp.net主机是,除了要考虑服务提供商在版本是否是实时更新以外,机房的环境和配置也是非常重要的,通常选择骨干网的机房,在速度和稳定性上会非常有保证。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-9-29 17:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表