TinyMind
.net.cn
首页
资讯
文章
注册
登录
DropDown控件
王晓成
关注文章
TinyMind专栏频道
功能
:
可以附加到 任何的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
:
7px20px5px10px
;
}
</
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
>
运行结果:
点击这个菜单后:
优质内容筛选与推荐
>>
1、POJ2528---Mayor's posters
2、Flex中RemoteObject使用注意事项
3、单挑1000
4、数学图形(1.30) 星星
5、web技术
赞赏
长按二维码向我转账
受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。
阅读
好看
已推荐到看一看
你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
取消
推荐
我知道了
已取消,“好看”想法已同步删除
知道了
已推荐到看一看
和朋友分享想法
最多200字,当前共
字
发送
已发送
朋友将在看一看看到
确定
分享你的想法...
取消
分享想法到看一看
确定
最多200字,当前共
字
发送中
网络异常,请稍后重试
知道了
微信扫一扫
关注该公众号
0
│
收藏
│
举报