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

ListBox 绑定多个选项为选中

标签:
JavaScript

本演示是让你知道如何多个值绑定至ListBox显示为选中。ListBox在default情况之下,SelectionMode为Single,因此为了多选,而需要设置此属性为Multiple。在实现之前,可以先看到Insus.NET所实现最终效果,gif动画,无声音:

 

 

 .aspx:

 <asp:TextBox ID="TextBox1" runat="server" Width="300"></asp:TextBox>
        <br />
        <asp:Button ID="Button1" runat="server" Text="Binding" OnClick="Button1_Click" />
        <br />
        <br />
        <asp:ListBox ID="ListBox1" runat="server" Height="100" SelectionMode="Multiple" ></asp:ListBox>

 

.aspx.cs中,首先是为ListBox准备数据,然后对ListBox控件进行数据绑定:

5acf07250001405b00110016.jpgView Code  protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Data_Binding();
        }

    }

    private void Data_Binding()
    {
        this.ListBox1.DataSource = Site();
        this.ListBox1.DataTextField = "key";
        this.ListBox1.DataValueField = "value";
        this.ListBox1.DataBind();
    }

    private Dictionary<string, string> Site()
    {
        Dictionary<string, string> site = new Dictionary<string, string>();
        site.Add("Insus.NET cnblogs", "http://insus.cnblogs.com");
        site.Add("Microsoft", "http://www.microsoft.com");
        site.Add("Google", "http://www.google.com");
        site.Add("Yahoo", "http://www.yahoo.com.cn");
        site.Add("Ifeng", "http://www.ifeng.com");
        site.Add("sina", "http://www.sina.com.cn");
        site.Add("163", "http://www.163.com");
        site.Add("QQ", "http://www.qq.com");
        return site;
    }

 

为了让TextBox的字符串以";"分割为多个值,引用了命名空间

using System.Collections;

 

接下来,是写button的click事件,代码相当简单,Insus.NET在此不作过多注释:

5acf07250001405b00110016.jpgView Code protected void Button1_Click(object sender, EventArgs e)
    {
        string[] s = this.TextBox1.Text.Split(';');
        
        foreach (ListItem li in this.ListBox1.Items)
        {                     
            li.Selected = ((IList)s).Contains(li.Text) ? true : false;           
        }
    }

 

 

 

点击查看更多内容
TA 点赞

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

评论

作者其他优质文章

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

100积分直接送

付费专栏免费学

大额优惠券免费领

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

举报

0/150
提交
取消