实训目标任务:在代码文件定义好数组后,分别在前端页面绑定到多值列表控件和在代码文件页面进行绑定。
重点:
1、在前端页面的源代码视图写属性的绑定:DataSource="<%#arraylist %>",或DataSource=‘<%#arraylist %>’
2、在代码文件中编写控件属性的绑定语句,如:
CheckBoxList2.DataSource = arraylist;
CheckBoxList2.DataBind();
难点:在前端页面的源代码视图写属性的绑定
步骤如下:
1、后置代码页面定义数组如下:
using System.Collections;
public partial class _Default : System.Web.UI.Page
{
public string[] strsports;
public ArrayList arraylist;
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
strsports = new string[] {"摄影","跑步","游泳","羽毛球"};
arraylist = new ArrayList();
arraylist.Add("新闻通告");
arraylist.Add("IT技术");
arraylist.Add("教育咨询");
}
Page.DataBind();
}
2、在前端页面分别添加多选列表框控件、单选列表框控件、下拉列表框控件、列表框控件和符号列表框控件,然后添加 Datasource属性,并进行绑定,代码如下:
DataSource="<%#arraylist %>"
或:
DataSource="<%#strsports %>"
运行网页,查看控件绑定情况。
3、在前端页面分别添加多选列表框控件、单选列表框控件、下拉列表框控件、列表框控件和符号列表框控件,不对控件设置属性,回到文件代码页面,在页面第一次加载事件中添加如下代码:
CheckBoxList2.DataSource = arraylist;
CheckBoxList2.DataBind();
RadioButtonList2.DataSource = strsports;
RadioButtonList2.DataBind();
ListBox2.DataSource = arraylist;
ListBox2.DataBind();
DropDownList2.DataSource = strsports;
DropDownList2.DataBind();
BulletedList2.DataSource = arraylist;
BulletedList2.DataBind();
运行网页,查看控件绑定情况