南宁职业技术学院 课件 数据绑定控件（上）_.NET Web应用程序设计

恩和吖职业投术学院 项目七 数据绑定控件（上）

数据绑定控件 (上) 项目七

图和宁业找术学院 回顾 ·Global.asax文件包含常用的Application Start、 Application_End、Session Start、Session End等事 件 ·Application对象是存储于服务器的全局变量 ·Cookie存储信息于客户端 ·Session对象用于在服务器端存储用户的信息，在 用户结束会话时被清除 ·新用户访问应用程序时会激活Session Start事件 ,而用户退出应用程序时会触发Session End事 件

回顾 • Global.asax 文件包含常用的Application_Start、 Application_End、Session_Start、Session_End等事 件 • Application 对象是存储于服务器的全局变量 • Cookie 存储信息于客户端 • Session 对象用于在服务器端存储用户的信息，在 用户结束会话时被清除 • 新用户访问应用程序时会激活 Session_Start 事件 ，而用户退出应用程序时会触发 Session_End 事 件

®有宁职业找术学院 目标 ·理解数据绑定 ·使用DataList控件 ·使用数据视图排序和筛选 ·在ASP.NET中使用ADO.NET的事务处理

目标 • 理解数据绑定 • 使用 DataList 控件 • 使用数据视图排序和筛选 • 在ASP.NET 中使用ADO.NET的事务处理

园和学职业找术学院 数据绑定简介2-1 数据 FORM 检索到的 数据 控件 数据 输出结果 数据绑定是将数据链接到显 示该数据的控件的过程 欢迎网

数据绑定简介 2-1 控件 数据 检索到的 数据 数据 欢迎 “ ” 数据绑定是将数据链接到显 示该数据的控件的过程

恩南宁职业找末学航 数据绑定简介2-2 用于绑定控件的表达式置于标 口之间 数据绑 简单属性 数据源 表达式方法的结果

数据绑定简介 2-2 用于绑定控件的表达式置于 标 记之间

园和宁职业投术学院 代码视图 简单属性绑定 定义成员变量 protected static int vote1 =0: protected static int vote2 =0: protected static int vote3 =0: 是巢-Click(obj1 dr..System.EventArgs) Vot选项1 ■24 投票1 选项237 thie选项3 投票2 ■35 投票3 private void btnVote2 Click(object sender,System.EventArgs e) vote2 +=1; this.DataBind(); private void btnVote3 Click(object sender,System.EventArgs e) { vote3 +=1; this.DataBind()

简单属性绑定 " ImageUrl="red.bmp"> " runat="server"> " ImageUrl="red.bmp"> " runat="server"> " ImageUrl="red.bmp"> " runat="server"> 代码视图 //定义成员变量 protected static int vote1 = 0; protected static int vote2 = 0; protected static int vote3 = 0; private void btnVote1_Click(object sender, System.EventArgs e) { vote1 += 1; this.DataBind(); } private void btnVote2_Click(object sender, System.EventArgs e) { vote2 += 1; this.DataBind(); } private void btnVote3_Click(object sender, System.EventArgs e) { vote3 += 1; this.DataBind(); } HTML视图 运行结果

恩和宁联业投术学航 代码视图 表达式绑定 ∥定义成员变量 protected static int vote1 =0; protected static int vote2 =0; protected static int vote3 =0: private void btnVote1 Click(object sender,System.EventArgs e) vote1 +=1; this.DataBind(); private void btnVote2 Click(object sender,System.EventArgs e) { vote2 +1; this.DataBind(); } private void btnVote3_Click(object sender,System.EventArgs e) vote3+=1; this.DataBind(); }

表达式绑定 " ImageUrl="red.bmp"> " runat="server"> " ImageUrl="red.bmp"> " runat="server"> " ImageUrl="red.bmp"> " runat="server"> 代码视图 HTML视图运行结果 //定义成员变量 protected static int vote1 = 0; protected static int vote2 = 0; protected static int vote3 = 0; private void btnVote1_Click(object sender, System.EventArgs e) { vote1 += 1; this.DataBind(); } private void btnVote2_Click(object sender, System.EventArgs e) { vote2 += 1; this.DataBind(); } private void btnVote3_Click(object sender, System.EventArgs e) { vote3 += 1; this.DataBind(); }

恩南宁职业找末学航 建立一个新方法 方法的结果绑定 protected string GetVotePercent(int vote) 调用方 int sumVote vote1 vote2 vote3: 法的结 " ImageUrl=选0绮)"> " ImageUrl="red.bmp"> " runat="server"> " ImageUrl="red.bmp"> " runat="server">

方法的结果绑定 protected string GetVotePercent(int vote) { int sumVote = vote1 + vote2 + vote3; if (sumVote == 0) { return "0%"; } else { decimal percent = 100 * (Convert.ToDecimal(vote) /Convert.ToDecimal(sumVote)); return percent.ToString("n2") + "%"; } } 建立一个新方法 " ImageUrl="red.bmp"> " runat="server"> " ImageUrl="red.bmp"> " runat="server"> " ImageUrl="red.bmp"> " runat="server"> 调用方 法的结 果绑定 运行结果

园和宁职业拔术学院 使用DataList控件显示数据3-1 项模板 页脚 ist控件可，指定数据 交替项 模板 模板 也可以为DataList控件设置 要显示的数据列数和行数 页眉 模板 模板 ELCOML 式 编辑项 O 选择项 模板 模板 E

使用 DataList 控件显示数据 3-1 使用 Datalist 控件可以指定数据流 WELCOME W E L C O M E 垂直方式 水平方式 Datalist 控件 项模板 交替项 模板 页脚 模板 页眉 模板 编辑项 模板 选择项 模板 分隔符 模板 也可以为 DataList 控件设置 要显示的数据列数和行数

恩和宁职业找术学院 使用DataList控件显示数据3-2 示例：DatalistDemo.aspx for(int i=0;i<30;i++) { mydr mydt.NewRow(); mydr[0]=i; mydr[1]=i*i; mydr[2]=i*i*i: mydt R } 为DataList控件指定数据源 dIMyList.DataSource mydt? dlMyList.DataBind () 将数据绑定到DataList typeor(Int32))); 续

使用 DataList 控件显示数据 3-2 示例：DatalistDemo.aspx private void Page_Load(object sender, System.EventArgs e) { Response.Write(“带有交替列的数据列表” + “"); if(!IsPostBack) { DataTable mydt = new DataTable(); DataRow mydr; mydt.Columns.Add(new DataColumn("Numbers“ , typeof(Int32))); mydt.Columns.Add(new DataColumn("Squares“ , typeof(Int32))); mydt.Columns.Add(new DataColumn("Cubes“ , typeof(Int32))); 续… for (int i=0;i<30;i++) { mydr = mydt.NewRow(); mydr[0] = i; mydr[1] = i * i; mydr[2] = i * i * i; mydt.Rows.Add (mydr); } dlMyList.DataSource = mydt; dlMyList.DataBind (); } } 为 DataList 控件指定数据源 将数据绑定到 DataList