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相关推荐

  1. 细数Ajax Control Toolkit 34个服务器端控件

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  2. Ajax Control Toolkit 32个服务器端控件

    1. Accordion [功能概述]Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展 ...

  3. Ajax Control Toolkit 34个服务器端控件 详解

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  4. 《ASP.NET AJAX程序设计 第I卷 服务器端ASP.NET AJAX Extensions与ASP.NET AJAX Control Toolkit》目录(最终定稿)...

    第一二卷都比较简单,特别是第一卷,讲的都是服务器端控件.第二卷是客户端部分,第三卷是高级内容,包括调试.性能.部署.控件开发.源代码结构.用户体验.心理学模型等等-- 第一卷争取在四月份出版,谢谢各位 ...

  5. Asp.net Ajax Control Toolkit设计编程备忘录(色眼窥观版)——第4回(忍者专辑)

    ====================================================== 注:本文源代码点此下载 ================================= ...

  6. Ajax Control Toolkit 34个服务器端控件

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  7. Asp.Net Ajax Control Toolkit 服务器端控件

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  8. AJAX Control Toolkit 30930

    十一假期还没怎么过就过完了 为啥放假总是过地这么快呢... 哎,又开始了天天和电脑搏斗的生活了... 上网偶然发现AJAX Control Toolkit在上个版本发布4个月后,9月30又更新了 这次 ...

  9. Ajax Control Toolkit Animation 想说爱你不容易

    Ajax control Toolkit Animation效果很酷,可以节省我们很多的开发时间.但是昨天发现了Animation缺乏灵活性的一点,这让我们一度陷入被动.  下面是示例代码里面的一段: ...

最新文章

  1. java切面不需要接口了吗_使用java语言,如何对一个类中的静态方法做切面编程?...
  2. matlab hsi图像分割,提取图像的HSI图像分量
  3. 模型越复杂越容易惰性_ML模型的惰性预测
  4. mysql vb_vb连接mysql
  5. java的观察模式链式,design-pattern-java
  6. 为何python不好找工作-为什么我不建议你通过 Python 去找工作?
  7. 计算机怎么查看网络连接,怎么查看自己的
  8. PCL1.8.0 error C4996: 'pcl::SAC_SAMPLE_SIZE'编译错误
  9. 网易云音乐打卡听歌300首源码
  10. day19 .NET项目DLL反编译未授权访问配置调试报错
  11. windows +caffe+python2.7或者python3.5编译 。
  12. zheng项目新建一个module学习学习
  13. 微擎模块 抖音口红机 3.2.0+wap登陆1.3.0增加首页banner跳转链接
  14. 海淘、跨境电商国际物流对接那些坑
  15. LayUi——OA项目 03(会议排座送审)
  16. Ant Design Pro初探
  17. Excel中如何快速输入☑和☒
  18. UVM和C-完美结合
  19. (数字IC)低功耗设计入门(七)——门级电路低功耗设计优化(续)
  20. 引入mybatis-plus报 Invalid bound statement错误怎么办,动动手指改一个地方就行

热门文章

  1. 一小段代码,得到项目决对路径
  2. PowerShell-4.API调用以及DLL调用
  3. 【错误记录】VMware 虚拟机报错 ( VMWare 中的 Ubuntu 虚拟机网络设置 | 第一次网络设置 )
  4. 【IOC 控制反转】Android 视图依赖注入 ( 视图依赖注入步骤 | 视图依赖注入代码示例 )
  5. 【Java 虚拟机原理】Class 字节码二进制文件分析 四 ( 字段表数据结构 | 字段表详细分析 | 访问标志 | 字段名称 | 字段描述符 | 属性项目 )
  6. 【错误记录】生成 Java 文档错误 ( Xxx.java:xx: 错误: 编码GBK的不可映射字符 )
  7. 【Android 高性能音频】Oboe 开发流程 ( Oboe 音频帧简介 | AudioStreamCallback 中的数据帧说明 )
  8. 【集合论】二元关系 ( A 上二元关系 | A 上二元关系示例 )
  9. vue-lazyload 的vue 懒加载的使用
  10. lunix下的redis数据库操作——hash(哈希)