实训目标任务：在代码文件定义好数组后，分别在前端页面绑定到多值列表控件和在代码文件页面进行绑定。

重点：

  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();

运行网页，查看控件绑定情况