AjaxControltoolkit学习笔记—DropDown 使用详解 (asp.net C#)

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" />