AJAX Control Toolkit - DropDown
1.DropDown Server Reference
TargetControlID - The ID of the control which needs a drop-down.(ex:Label or TextBox)
<补充一点:TargetControl的文本是不能改变的>
DropDownControlID - The ID of the control which will be displayed as the dropdown.
2.Demo
(1)HTML Code
1 <asp:ScriptManager ID="ScriptManager1" runat="server" /> 2 <br /> 3 <asp:TextBox ID="TextBox1" runat="server" Width="300px">Select an option.</asp:TextBox> 4 <asp:Label ID="TextLabel" runat="server" Text="Select an option." Width="303px"></asp:Label> 5 <asp:Panel ID="DropPanel" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;"> 6 <asp:LinkButton ID="Option1" runat="server" Text="Option 1" CssClass="ContextMenuItem" OnClick="OnSelect" /> 7 <asp:LinkButton ID="Option2" runat="server" Text="Option 2" CssClass="ContextMenuItem" OnClick="OnSelect" /> 8 <asp:LinkButton ID="Option3" runat="server" Text="Option 3 (Click Me !)" CssClass="ContextMenuItem" OnClick="OnSelect" /> 9 10 </asp:Panel>11 <ajaxToolkit:DropDownExtender ID="DDE" runat="server" TargetControlID="TextBox1" DropDownControlID="DropPanel">12 </ajaxToolkit:DropDownExtender> 13 14 <br /><br /><br />15 16 <asp:UpdatePanel ID="UpdatePanel1" runat="server">17 <ContentTemplate>18 <asp:Label ID="lblSelection" runat="server" Text=""></asp:Label> 19 </ContentTemplate>20 <Triggers>21 <asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" />22 <asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" />23 <asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" />24 </Triggers>25 </asp:UpdatePanel>
(2)C# Code
protected void OnSelect(object sender, EventArgs e) { lblSelection.Text = "You selected <b>" + ((LinkButton)sender).Text + "</b>."; }
(3)CSS Code
1 .ContextMenuPanel 2 { 3 border: 1px solid #868686; 4 z-index: 1000; 5 background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA; 6 cursor: default; 7 padding: 1px 1px 0px 1px; 8 font-size: 11px; 9 }10 11 .ContextMenuBreak12 {13 margin:1px 1px 1px 32px;14 padding:0;15 height:1px;16 overflow:hidden;17 display:block;18 border-top: 1px solid #C5C5C5; 19 }20 21 a.ContextMenuItem22 {23 margin: 1px 0 1px 0;24 display: block;25 color: #003399;26 text-decoration: none;27 cursor: pointer; 28 padding: 4px 19px 4px 33px;29 white-space: nowrap;30 }31 32 a.ContextMenuItem-Selected33 {34 font-weight: bold;35 }36 37 a.ContextMenuItem:hover38 {39 background-color: #FFE6A0;40 color: #003399;41 border: 1px solid #D2B47A;42 padding: 3px 18px 3px 32px;43 }
转载于:https://www.cnblogs.com/January/archive/2011/08/10/2133334.html
AJAX Control Toolkit - DropDown相关推荐
- 细数Ajax Control Toolkit 34个服务器端控件
1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...
- Ajax Control Toolkit 32个服务器端控件
1. Accordion [功能概述]Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展 ...
- Ajax Control Toolkit 34个服务器端控件 详解
1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...
- 《ASP.NET AJAX程序设计 第I卷 服务器端ASP.NET AJAX Extensions与ASP.NET AJAX Control Toolkit》目录(最终定稿)...
第一二卷都比较简单,特别是第一卷,讲的都是服务器端控件.第二卷是客户端部分,第三卷是高级内容,包括调试.性能.部署.控件开发.源代码结构.用户体验.心理学模型等等-- 第一卷争取在四月份出版,谢谢各位 ...
- Asp.net Ajax Control Toolkit设计编程备忘录(色眼窥观版)——第4回(忍者专辑)
====================================================== 注:本文源代码点此下载 ================================= ...
- Ajax Control Toolkit 34个服务器端控件
1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...
- Asp.Net Ajax Control Toolkit 服务器端控件
1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...
- AJAX Control Toolkit 30930
十一假期还没怎么过就过完了 为啥放假总是过地这么快呢... 哎,又开始了天天和电脑搏斗的生活了... 上网偶然发现AJAX Control Toolkit在上个版本发布4个月后,9月30又更新了 这次 ...
- Ajax Control Toolkit Animation 想说爱你不容易
Ajax control Toolkit Animation效果很酷,可以节省我们很多的开发时间.但是昨天发现了Animation缺乏灵活性的一点,这让我们一度陷入被动. 下面是示例代码里面的一段: ...
最新文章
- java切面不需要接口了吗_使用java语言,如何对一个类中的静态方法做切面编程?...
- matlab hsi图像分割,提取图像的HSI图像分量
- 模型越复杂越容易惰性_ML模型的惰性预测
- mysql vb_vb连接mysql
- java的观察模式链式,design-pattern-java
- 为何python不好找工作-为什么我不建议你通过 Python 去找工作?
- 计算机怎么查看网络连接,怎么查看自己的
- PCL1.8.0 error C4996: 'pcl::SAC_SAMPLE_SIZE'编译错误
- 网易云音乐打卡听歌300首源码
- day19 .NET项目DLL反编译未授权访问配置调试报错
- windows +caffe+python2.7或者python3.5编译 。
- zheng项目新建一个module学习学习
- 微擎模块 抖音口红机 3.2.0+wap登陆1.3.0增加首页banner跳转链接
- 海淘、跨境电商国际物流对接那些坑
- LayUi——OA项目 03(会议排座送审)
- Ant Design Pro初探
- Excel中如何快速输入☑和☒
- UVM和C-完美结合
- (数字IC)低功耗设计入门(七)——门级电路低功耗设计优化(续)
- 引入mybatis-plus报 Invalid bound statement错误怎么办,动动手指改一个地方就行
热门文章
- 一小段代码,得到项目决对路径
- PowerShell-4.API调用以及DLL调用
- 【错误记录】VMware 虚拟机报错 ( VMWare 中的 Ubuntu 虚拟机网络设置 | 第一次网络设置 )
- 【IOC 控制反转】Android 视图依赖注入 ( 视图依赖注入步骤 | 视图依赖注入代码示例 )
- 【Java 虚拟机原理】Class 字节码二进制文件分析 四 ( 字段表数据结构 | 字段表详细分析 | 访问标志 | 字段名称 | 字段描述符 | 属性项目 )
- 【错误记录】生成 Java 文档错误 ( Xxx.java:xx: 错误: 编码GBK的不可映射字符 )
- 【Android 高性能音频】Oboe 开发流程 ( Oboe 音频帧简介 | AudioStreamCallback 中的数据帧说明 )
- 【集合论】二元关系 ( A 上二元关系 | A 上二元关系示例 )
- vue-lazyload 的vue 懒加载的使用
- lunix下的redis数据库操作——hash(哈希)