为CheckBoxList每个项目添加一张图片
参考下图,可看到效果,为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);
}
}
共同学习,写下你的评论
评论加载中...
作者其他优质文章