Terry's blog

Focus on bigdata and cloud.

博客园 首页 新随笔 联系 订阅 管理
功能
        可以附加到 任何的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>

运行结果:

点击这个菜单后:


posted on 2007-11-02 10:19  王晓成  阅读(901)  评论(0编辑  收藏  举报