DropDown控件


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


</style>
</head>
<body>
<formid="form1"runat="server">

<asp:ScriptManagerID="ScriptManager1"runat="server">
</asp:ScriptManager>
<asp:LabelID="Label1"runat="server"Text="这里是一个下拉菜单"CssClass="MenuBar"></asp:Label>
<%--下拉式选单开始--%>
<asp:PanelID="Panel1"runat="server"CssClass="MenuBar"Style="display:none;visibility:hidden;">

<asp:LinkButtonID="LinkButton1"runat="server">红色</asp:LinkButton><br/>
<asp:LinkButtonID="LinkButton2"runat="server">黑色</asp:LinkButton><br/>
<asp:LinkButtonID="LinkButton3"runat="server">白色</asp:LinkButton>
</asp:Panel>
<ajaxToolkit:DropDownExtenderID="DropDownExtender1"runat="server"TargetControlID="Label1"DropDownControlID="Panel1">
</ajaxToolkit:DropDownExtender>

</form>
</body>
</html>

运行结果:

点击这个菜单后:


优质内容筛选与推荐>>
1、POJ2528---Mayor's posters
2、Flex中RemoteObject使用注意事项
3、单挑1000
4、数学图形(1.30) 星星
5、web技术


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn