从零开始学ASP.NET(基础篇)3

2010-08-28 10:48:27来源:西部e网作者:

第三天

学习目的:


掌握下拉列表框的用法,并理解AutoPostBack属性;

理解IsPoskBack及用法;

初识DataTable的增加列、行,与下拉列表框绑定的方法。

今天的内容稍多些,而且涉及一些比较常用的,如IsPostBack及DataTable的基本用法。

知识点:
IsPostBack:在页面onLoad之间是false值,而当从服务器回传后,该值变为true。当页面中的Button或ImageButton等触发事件,都会把表单回传到服务器,而返回时又会引发onLoad事件。为了节省服务器资源,有些加载中需进行一次,而不需要在回传后多次发生,可以用!IsPoskBack来作为条件,那么页面第一次加载后,以后就不会发生。该属性可以帮助你提高程序的性能。
DataTable:即数据表,.Net 程序中最常用的类,特别是数据库开发中,没有该类的程序是不可想象的。

先做个小程序来练练手,很简单,就一个下拉菜单,取名dlstWeb。在属性的Itmes选项中打开以下对话框,添加各项:


图片如下:



ASPX中的代码为:
<asp:DropDownList id="dlstWeb" style="Z-INDEX: 101; LEFT: 32px;
POSITION: absolute; TOP: 32px" runat="server"
   Width="88px" AutoPostBack="True">
   <asp:ListItem value="http://www.sina.com.cn">新浪 </asp:ListItem>
   <asp:ListItem value="http://www.sohu.com">搜狐</asp:ListItem>
   <asp:ListItem value="http://www.163.com">网易</asp:ListItem>
</asp:DropDownList>

在下拉框的SelectedIndexChanged事件中的加入代码:
       private void dlstWeb_SelectedIndexChanged(object sender, System.EventArgs e)
       {
           Response.Write("<script language=javascript>window.open("" +dlstWeb.Selectedvalue + "");</script>");
       }

按F5运行,可是我们发现这下拉框选择时什么事也没发生。原来原因是出在下拉框的AutoPostBack属性上,把它设为true后再试试,一切OK了。
下面我们增加些难度,下拉框中的内容很多情况下不是事先固定的,而是要动态添加。这里设计是用一数据表DataTable与之联系起来。

另建一文件,按上添加一下拉框,取名dlstWeb,先设AutoPostPack为false,否则在刚启动而面就触发SelectedIndexChanged事件,弹出窗口就乱飞了。
在onLoad事件中添加代码,注意DataTable用法及IsPoskBack
DataTable属于System.Data命名空间,所以如果页面没预添加,可以自行增加这一行。

       private void Page_Load(object sender, System.EventArgs e)
       {
           // 用IsPostBack判断,只在没有回传时才初始化
           // 这样可以防止每次刷新或回传时,都执行一次以下代码
           // 可以节省服务器的资源了。
           if (!IsPostBack)
           {
               DataTable dt = new DataTable();
               DataRow dr;

               // 在表中增加字段
               dt.Columns.Add("WebName", typeof(string));
               dt.Columns.Add("WebUrl", typeof(string));

               // 表中增加行
               dr = dt.NewRow();
               dr["WebName"] = "新浪";
               dr["WebUrl"] = "http://www.sina.com.cn";
               dt.Rows.Add(dr);

               dr = dt.NewRow();
               dr["WebName"] = "网易";
               dr["WebUrl"] = "http://www.163.com";
               dt.Rows.Add(dr);

               dr = dt.NewRow();
               dr["WebName"] = "搜狐";
               dr["WebUrl"] = "http://www.sohu.com";
               dt.Rows.Add(dr);

               // 把表与下拉菜单绑定数据
               dlstWeb.DataSource = dt;
               dlstWeb.DataTextField = "WebName";
               dlstWeb.DatavalueField = "WebUrl";
               dlstWeb.DataBind();            

               // 开始时就把下拉菜单的AutoPostBack设为false,
               // 防止一开始就乱跳出网页来
               dlstWeb.AutoPostBack = true;
           }
       }

下面的事件与前面一模一样了
       private void dlstWeb_SelectedIndexChanged(object sender, System.EventArgs e)
       {
           Response.Write("<script language=javascript>window.open("" +dlstWeb.Selectedvalue + "");</script>");
       }

小结:今天的一些知识非常重要,为了理解,程序的难度并不高。但这是以后程序设计的基础,所以这些你一定要掌握。
VB.NET增加字段代码稍有不同,如下:

               // 在表中增加字段
               dt.Columns.Add("WebName", GetType(String))
               dt.Columns.Add("WebUrl", GetType(String))

其它都差不多了。
关键词:ASP.NET

赞助商链接: