文档介绍：该【数据绑定控件（一） 】是由【kuailonggua】上传分享，文档一共【25】页，该文档可以免费在线阅读，需要了解更多关于【数据绑定控件（一） 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。1
回顾
文件包含常用的Application_Start、Application_End、Session_Start、Session_End等事件
Application 对象是存储于服务器的全局变量
Cookie 存储信息于客户端
Session 对象用于在服务器端存储用户的信息，在用户结束会话时被清除
新用户访问应用程序时会激活 Session_Start 事件，而用户退出应用程序时会触发 Session_End 事件
2
目标
理解数据绑定
使用 DataList 控件
使用数据视图排序和筛选
3
数据绑定简介 2-1
控件
FORM
数据
检索到的数据
数据
输出结果
欢迎 “ ”
数据绑定是将数据链接到显示该数据的控件的过程
4
数据绑定简介 2-2
用于绑定控件的表达式置于 <%#......%> 标记之间
数据绑定
简单属性
表达式
方法的结果
数据源
5
简单属性绑定
<asp:Image id="imgVote1" runat="server" Height="12px" Width="<%#vote1%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote1" Text="<%#vote1%>" runat="server"></asp:Label>
<asp:Image id="imgVote2" runat="server" Height="12px" Width="<%#vote2%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote2" Text="<%#vote2%>" runat="server"></asp:Label>
<asp:Image id="imgVote3" runat="server" Height="12px" Width="<%#vote3%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote3" Text="<%#vote3%>" runat="server"></asp:Label>
代码视图
//定义成员变量
protected static int vote1 = 0;
protected static int vote2 = 0;
protected static int vote3 = 0;
private void btnVote1_Click(object sender, e)
{
vote1 += 1;
();
}
private void btnVote2_Click(object sender, e)
{
vote2 += 1;
();
}
private void btnVote3_Click(object sender, e)
{
vote3 += 1;
();
}
HTML视图
运行结果
6
表达式绑定
<asp:Image id="imgVote1" runat="server" Height="12px" Width="<%#4*vote1%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote1" Text="<%#vote1%>" runat="server"></asp:Label>
<asp:Image id="imgVote2" runat="server" Height="12px" Width="<%#4*vote2%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote2" Text="<%#vote2%>" runat="server"></asp:Label>
<asp:Image id="imgVote3" runat="server" Height="12px" Width="<%#4*vote3%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote3" Text="<%#vote3%>" runat="server"></asp:Label>
代码视图
HTML视图
运行结果
//定义成员变量
protected static int vote1 = 0;
protected static int vote2 = 0;
protected static int vote3 = 0;
private void btnVote1_Click(object sender, e)
{
vote1 += 1;
();
}
private void btnVote2_Click(object sender, e)
{
vote2 += 1;
();
}
private void btnVote3_Click(object sender, e)
{
vote3 += 1;
();
}
7
方法的结果绑定
protected string GetVotePercent(int vote)
{
int sumVote = vote1 + vote2 + vote3;
if (sumVote == 0)
{
return "0%";
}
else
{
decimal percent = 100 * ((vote)
/(sumVote));
return ("n2") + "%";
}
}
建立一个新方法
<asp:Image id="imgVote1" runat="server" Height="12px" Width="<%#vote1%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote1" Text="<%#GetVotePercent(vote1)%>" runat="server"></asp:Label>
<asp:Image id="imgVote2" runat="server" Height="12px" Width="<%#vote2%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote2" Text="<%#GetVotePercent(vote2)%>" runat="server"></asp:Label>
<asp:Image id="imgVote3" runat="server" Height="12px" Width="<%#vote3%>"
ImageUrl=""></asp:Image>
<asp:Label id="lblVote3" Text="<%#GetVotePercent(vote3)%>" runat="server"></asp:Label>
调用方法的结果绑定
运行结果
8
使用 DataList 控件显示数据 3-1
使用 Datalist 控件可以指定数据流
输出结果
WELCOME
W
E
L
C
O
M
E
水平方式
垂直方式
Datalist 控件
项模板
交替项
模板
页脚
模板
页眉
模板
编辑项
模板
选择项
模板
分隔符
模板
也可以为 DataList 控件设置要显示的数据列数和行数
9
使用 DataList 控件显示数据 3-2
示例：
private void Page_Load(object sender, e)
{
(“<center><b><u>带有交替列的数据列表</center>”
+ “</b></u><br>");
if(!IsPostBack)
{
DataTable mydt = new DataTable();
DataRow mydr;
(new DataColumn("Numbers“
, typeof(Int32)));
(new DataColumn("Squares“
, typeof(Int32)));
(new DataColumn("Cubes“
, typeof(Int32)));
续…
for (int i=0;i<30;i++)
{
mydr = ();
mydr[0] = i;
mydr[1] = i * i;
mydr[2] = i * i * i;
(mydr);
}
= mydt;
();
}
}
为 DataList 控件指定数据源
将数据绑定到 DataList
10
使用 DataList 控件显示数据 3-3
示例的 HTML 视图
<asp:DataList id="dlMyList" RepeatDirection="Horizontal" RepeatColumns="10" runat="server">
<ItemTemplate>
<%# (, "Numbers") %>
<br>
<%# (, "Squares") %>
<br>
<%# (, "Cubes") %>
<br>
</ItemTemplate>
<AlternatingItemTemplate>
<i><b>
<%# (, "Numbers") %>
</b><i>
<br>
<i><b>
<%# (
, "Squares") %>
<b><i>
<br>
<i><b>
<%# (, "Cubes") %>
<b><i>
<br>
</AlternatingItemTemplate>
</asp:DataList>
输出结果