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