zoukankan      html  css  js  c++  java
  • 为下拉式菜单(DropDownList)添加第一个选项

    很多方法可以为为下拉式菜单(DropDownList)添加第一个选项,下面是Insus.NET小结了几个方法,仅供参考:

    Html code:

    View Code
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:DropDownList ID="DropDownList1" runat="server">            
            </asp:DropDownList>
        </div>
        </form>
    </body>

    数据源与绑定:

    View Code
     protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                Data_Binding();
            }
        }

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

        private Dictionary<stringstring> Site()
        {
            Dictionary<stringstring> site = new Dictionary<stringstring>();
            site.Add("Insus.NET cnblogs""http://insus.cnblogs.com");
            site.Add("Microsoft""http://www.microsoft.com");
            site.Add("Google""http://www.google.com");
            return site;
        }

    以下所有方法,均以以上html或code作变动。

    第一种,修改Html Code,把DropDownList属性AppendDataBoundItems的值设为true,然后直接添加一个item:<asp:ListItem Text="--选择--" Value=""></asp:ListItem> 在DropDownList内。

    View Code
     <asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="true">    
            <asp:ListItem Text="--选择--" Value=""></asp:ListItem>        
            </asp:DropDownList>

    第二种方法,Html Code无需更改,

    View Code
     <asp:DropDownList ID="DropDownList1" runat="server" >                  
            </asp:DropDownList>

    修改Data_Binding()方法,如下: 

    View Code
    private void Data_Binding()
        {
            this.DropDownList1.DataSource = Site();
            this.DropDownList1.DataTextField = "key";
            this.DropDownList1.DataValueField = "value";
            this.DropDownList1.DataBind();

            //添加下面代码:
            DropDownList1.Items.Insert(0new ListItem( "--选择--",""));
             
        }

    第三种方法:

    Html改为如下,设置AppendDataBoundItems属性与及实现OnDataBound事件:

    View Code
    <asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="true" OnDataBound="DropDownList1_DataBound" >                  
            </asp:DropDownList>

    cs code:

    View Code
     protected void DropDownList1_DataBound(object sender, EventArgs e)
        {
            DropDownList ddl = (DropDownList)sender;
            ddl.Items.Insert(0new ListItem("--选择--""0"));
        }
  • 相关阅读:
    vs 2015 "加载该页时出错。" 解决方案
    Web API使用HttpResponseMessage与HttpResponseException的差异 HttpResponseMessage 返回类型
    a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容
    SQL语句 转
    Fiddler抓包 截包伪造提交包
    图片懒加载
    dropzone 上传插件
    MVC5+EF6 完整教程 转
    用Aspose.Cell控件导入Excel非强类型的数据
    利用Aspose.Word控件实现Word文档的操作
  • 原文地址:https://www.cnblogs.com/insus/p/2252372.html
Copyright © 2011-2022 走看看