为了账号安全,请及时绑定邮箱和手机立即绑定

为CheckBoxList每个项目添加一张图片

标签:
JavaScript

参考下图,可看到效果,为CheckBoxList每个项目添加一张图片。


 

准备五张图片,如上图,和CheckBoxList项目数据:

5acf07270001405b00110016.jpgView 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:

5acf07270001405b00110016.jpgView 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"事件:

5acf07270001405b00110016.jpgView 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);
        }
    }

 

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消