参考下图，可看到效果，为CheckBoxList每个项目添加一张图片。
准备五张图片，如上图，和CheckBoxList项目数据：
View Code private Dictionary< string, string> Operation() { Dictionary< string, string> o = new Dictionary< string, string>(); o.Add( " i ", " Insert "); o.Add( " e ", " Edit "); o.Add( " c ", " Cancel "); o.Add( " u ", " Update "); o.Add( " d ", " Delete "); return o; }
然后在.aspx，并使用OnDataBound事件:
< asp:CheckBoxList ID ="CheckBoxListOperation" runat ="server" RepeatColumns ="1" RepeatDirection ="Horizontal" OnDataBound ="CheckBoxListOperation_DataBound" > </ asp:CheckBoxList >
.aspx.cs：
View Code protected void Page_Load( object sender, EventArgs e) { if (!IsPostBack) { Data_Binding(); } } private void Data_Binding() { this.CheckBoxListOperation.DataSource = Operation(); this.CheckBoxListOperation.DataTextField = " value "; this.CheckBoxListOperation.DataValueField = " key "; this.CheckBoxListOperation.DataBind(); }
OnDataBound="CheckBoxListOperation_DataBound"事件：
View Code protected void CheckBoxListOperation_DataBound( object sender, EventArgs e) { var cbl = sender as CheckBoxList; foreach (ListItem li in cbl.Items) { li.Text = string.Format( " <img src='Images/{0}.gif' /> {1} ", li.Value, li.Text); } }
from: