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

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

    Html code:

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

    数据源与绑定:

    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<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");
            return site;
        }

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

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

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

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

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

    修改Data_Binding()方法,如下: 

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

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

    第三种方法:

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

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

    cs code:

      protected void DropDownList1_DataBound(object sender, EventArgs e)
        {
            DropDownList ddl = (DropDownList)sender;
            ddl.Items.Insert(0, new ListItem("--选择--", "0"));
        }

  • 相关阅读:
    Docker 介绍
    Docker 教程
    Python 删除文件与文件夹
    Python 读文件
    Python 打开文件(File Open)
    Python 异常处理(Try...Except)
    什么是拜占庭将军问题
    智能合约语言 Solidity 教程系列7
    给代币添加高级功能-代币管理、增发、兑换、冻结等
    一步步教你创建自己的数字货币(代币)进行ICO
  • 原文地址:https://www.cnblogs.com/zq20/p/4198490.html
Copyright © 2011-2022 走看看