AJAX ControlToolkit学习日志-DropDownExtender控件(9)

      该控件可以添加在大多数的ASP.NET服务端控件上，给它们提供一种下拉式菜单。这种下拉式菜单是另外一个控件。

下面来看一个示例：

1)在VS中新建一个ASP.NET AJAX-Enabled Web Project，取名为DropDownExtender1。

2)在Default.aspx页面上拖放一个Label控件，把它的Text属性改为select your choice。同时在页面上拖放一个Panel，并在它里面拖放三个LinkButton。视图如下：



其代码如下：

1          < asp:Label  ID ="Label1"  runat ="server"  Text ="select you choice"  Width ="166px" ></ asp:Label >< br  />
2          < asp:Panel  ID ="Panel1"  runat ="server"  Height ="92px"  Width ="163px"  style ="display:hidden" >
3              < asp:LinkButton  ID ="LinkButton1"  runat ="server"  OnClick ="LinkButton_Click" > Red </ asp:LinkButton >
4              < br  />
5              < asp:LinkButton  ID ="LinkButton3"  runat ="server"  OnClick ="LinkButton_Click" > Green </ asp:LinkButton >< br  />
6              < asp:LinkButton  ID ="LinkButton2"  runat ="server"  OnClick ="LinkButton_Click" > Blue </ asp:LinkButton >
7          </ asp:Panel >

3)完成以上步骤后，再在页面上拖放一个DragDownExtender，设置它的一些属性。视图如下：



其代码如下：

         < cc1:dropdownextender  id ="DropDownExtender1"  TargetControlID ="Label1"  DropDownControlID ="Panel1"  runat ="server" ></ cc1:dropdownextender >

属性说明：
    TargetControlID:就是需要绑定到该DropDownExtender的控件，它将有一个下拉菜单。
    DropDownControlID:以下拉菜单形式显示的控件。

4)最后，在页面上拖放一个UpdatePanel，在它里面放一个Label，用于在下拉列表中选择了一个以后显示其内容。视图如下：



5)按下CTRL+F5，在浏览器里查看效果。

转载于:https://www.cnblogs.com/qc1984326/archive/2007/03/19/679698.html