AjaxControltoolkit学习笔记—DropDown 使用详解

最新推荐文章于 2019-07-21 11:22:55 发布

weixin_30918415

最新推荐文章于 2019-07-21 11:22:55 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

文章标签： java

原文链接：http://www.cnblogs.com/gaolei/archive/2009/01/01/1366531.html

本文详细介绍了ASP.NET AJAX中DropDown控件的使用方法及其属性设置,包括如何通过简单的配置实现下拉菜单功能而无需编写JavaScript代码。文中还提供了一个具体的示例代码来演示如何创建和控制下拉菜单。

2008-03-01 16:55

十．DropDown

DropDown 是一个可以构造出类似 SharePoint 中的下拉式菜单的 ASP.Net AJAX 控件。

实际上显示的下拉菜单来自的是另外一个类似 Panel 或者 LinkButtons 的控件。

利用 DropDown 控件，我们可以轻松地，不需要写任何一句 Java Script 代码地控制，当用户点击目标控件的时候出现这个“菜单”。

DropDown 属性

<ajaxToolkit:DropDownExtender runat="server" ID="DDE"
            TargetControlID="TextLabel"
            DropDownControlID="DropPanel" />

TargetControlID - 呈现下拉选择的控件 ID
DropDownControlID - 下拉选择的内容容器控件 ID
Animations - DropDown 扩展动画。请点击应用动画和动画引用获得更多的信息。
- OnShow - 当 DropDown 控件触发下拉选择时，提示框显示的时候出现的动画形式。动画可以应用 <HideAction Visible="true" />开关显示提示框的其可视化信息。
- OnHide - 当下拉选择被关闭时出现的动画形式。

案例代码

<asp:Label ID="TextLabel" runat="server" Text="请选择"   Style="display: block; width: 300px; padding:2px; padding-right: 50px; font-family: Tahoma; font-size: 11px;" />
<asp:Panel ID="DropPanel" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;">
<asp:LinkButton runat="server" ID="Option1" Text="水滴" CssClass="ContextMenuItem" OnClick="OnSelect" />
<asp:LinkButton runat="server" ID="Option2" Text="水滴音乐" CssClass="ContextMenuItem" OnClick="OnSelect" />
<asp:LinkButton runat="server" ID="Option3" Text="欧美音乐门户" CssClass="ContextMenuItem" OnClick="OnSelect" />
</asp:Panel>
<ajaxToolkit:DropDownExtender runat="server" ID="DDE"
TargetControlID="TextLabel"
DropDownControlID="DropPanel" />