• DropDown控件


    功能
            可以附加到 任何的ASP.NET控件中,让其有下拉菜单,而菜单可以是另外一个Panel或是其他控件。
    属性:        
    TargetControlID :需要附加下拉菜单的控件ID值。
    DropDownControlID :将要显示动态下拉菜单的Panel控件ID值。
    实例代码:
        
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title>DropDown控件</title>
        
    <style type="text/css">
          
    /* 选单面版 */
      .MenuBar
      
    {
        vertical-align
    :middle;
        width
    : 200px;
        font-size
    : 18px;
        background-color
    : Silver;
        color
    : Black;
        float
    : left;
        display
    : block;
        padding
    : 7px 20px 5px 10px;
      
    }


        
    </style>
    </head>
    <body>
        
    <form id="form1" runat="server">
        
            
    <asp:ScriptManager ID="ScriptManager1" runat="server">
            
    </asp:ScriptManager>
        
    <asp:Label ID="Label1" runat="server" Text="这里是一个下拉菜单" CssClass="MenuBar"></asp:Label>
         
    <%-- 下拉式选单开始 --%>
        
    <asp:Panel ID="Panel1" runat="server"  CssClass="MenuBar" Style="display: none; visibility: hidden;">
        
        
    <asp:LinkButton ID="LinkButton1" runat="server" >红色</asp:LinkButton><br />
        
    <asp:LinkButton ID="LinkButton2" runat="server" >黑色</asp:LinkButton><br />
        
    <asp:LinkButton ID="LinkButton3" runat="server" >白色</asp:LinkButton>
        
    </asp:Panel>
        
    <ajaxToolkit:DropDownExtender ID="DropDownExtender1" runat="server" TargetControlID="Label1" DropDownControlID="Panel1">
        
    </ajaxToolkit:DropDownExtender>
        
        
    </form>
    </body>
    </html>

    运行结果:

    点击这个菜单后:


  • 相关阅读:
    常用内建函数
    函数作用域
    异常处理语句
    迭代器---待延申扩展
    流程控制语句
    字典
    集合
    数据类型的可变与不可变
    Openstack keystone组件详解
    云计算openstack介绍(001)
  • 原文地址:https://www.cnblogs.com/abcdwxc/p/946586.html
Copyright © 2020-2023  润新知