图4 页面VoteItemManage.aspx的设计界面
页面VoteItemManage.aspx的HTML设计代码如下:
<title>网络在线投票系统</title>
<link href="CSS/ASPNET2BaseCss.css" type="text/css" rel="stylesheet">
<asp:ListBox id="ItemList" width="150" rows="10" runat="server"
CssClass="SelectSta" />
<asp:ImageButton id="deleteBtn" ImageUrl="~/images/delete.gif"
AlternateText="删除此项" runat="server"
CommandName="delete" OnClick="deleteBtn_Click" />
<asp:TextBox ID="Item" Runat="server" Width="252"
CssClass="InputCss"></asp:TextBox>
<asp:Button ID="AddBtn" Runat="server" Text="增加新的投票项目"
CssClass="ButtonCss" OnClick="AddBtn_Click"></asp:Button>
2.页面初始化
页面VoteItemManage.aspx调用函数Page_Load(Object sender,EventArgs e)初始化,该函数调用函数BindVoteListData()从数据库投票表Votes中获取所有投票的项目,并把获取的数据绑定到列表控件ItemList。函数Page_Load(Object sender,EventArgs e)和函数BindVoteListData()的程序代码如下:
private void Page_Load(object sender, System.EventArgs e)
{
if(!Page.IsPostBack)
{ //绑定投票项目列表的数据
BindVoteListData();
}
}
private void BindVoteListData()
{ //获取投票项目的所有数据
WebVote.Vote vote = new Vote();
SqlDataReader recv = vote.GetVotes();
//设置列表控件的Text属性和Value属性
ItemList.DataTextField = "Item";
ItemList.DataValueField = "VoteID";
//设置控件的数据源,并绑定控件的数据
ItemList.DataSource = recv;
ItemList.DataBind();
recv.Close(); //关闭数据读取器
}
网络在线投票系统运行之后,投票项目管理页面VoteItemManage.aspx的初始化界面如图5所示,此时已经显示投票的项目信息。