Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1086443
  • 博文数量: 254
  • 博客积分: 10185
  • 博客等级: 上将
  • 技术积分: 2722
  • 用 户 组: 普通用户
  • 注册时间: 2007-07-25 15:04
文章存档

2011年(8)

2009年(1)

2008年(31)

2007年(214)

分类: 系统运维

2007-08-24 23:03:11

     该控件可以添加在大多数的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">Redasp:LinkButton>
4            <br />
5            <asp:LinkButton ID="LinkButton3" runat="server" OnClick="LinkButton_Click">Greenasp:LinkButton><br />
6            <asp:LinkButton ID="LinkButton2" runat="server" OnClick="LinkButton_Click">Blueasp: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,在浏览器里查看效果。

 
阅读(2075) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~