先看看效果：
准备数据：
.aspx:
< asp:CheckBoxList ID ="CheckBoxListColour" runat ="server" RepeatColumns ="10" RepeatDirection ="Horizontal" OnDataBound ="CheckBoxListColour_DataBound" OnSelectedIndexChanged ="CheckBoxListColour_SelectedIndexChanged" AutoPostBack ="true" > </ asp:CheckBoxList >
从上面的数据，下载并放入asp.net专案中，然后读出所有图片文件：
View Code private List< string> ImageNames { get { List< string> o = new List< string>(); DirectoryInfo di = new DirectoryInfo(Server.MapPath ( " ~/Colours ")); FileInfo[] fiArray = di.GetFiles(); for ( int i = 0; i < fiArray.Length; i++) { o.Add(fiArray[i].Name); } return o; } }
绑定数据至CheckBoxList控件：
View Code protected void Page_Load( object sender, EventArgs e) { if (!IsPostBack) { Data_Binding(); } } private void Data_Binding() { this.CheckBoxListColour.DataSource = ImageNames.Select(c => new { value = c }).ToList(); this.CheckBoxListColour.DataTextField = " value "; this.CheckBoxListColour.DataBind(); }
CheckBoxList控件的OnDataBound="CheckBoxListColour_DataBound"事件。
View Code protected void CheckBoxListColour_DataBound( object sender, EventArgs e) { var cbl = sender as CheckBoxList; foreach (ListItem li in cbl.Items) { li.Text = string.Format( " <img src='Colours/{0}' /> ", li.Value); } }
CheckBoxList控件的OnSelectedIndexChanged="CheckBoxListColour_SelectedIndexChanged"事件。
View Code protected void CheckBoxListColour_SelectedIndexChanged( object sender, EventArgs e) { var cbl = sender as CheckBoxList; foreach (ListItem li in cbl.Items) { if (li.Selected) { li.Attributes.Add( " style ", " background-color: red; "); } } }