当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > AjaxControlToolKit DropDownExtender(下拉扩展控件)使用方法

ASP.NET
ASP.NET开发:简化应用程序的开发支持Web标准
asp.net XMLHttpRequest实现用户注册前的验证
asp.net 页面间传值方法小结
asp.net url重写浅谈
asp.net 验证码生成和刷新及验证
C#精髓 GridView72大绝技 学习gridview的朋友必看
实例说明asp.net中的简单角色权限控制
asp.net网站开发包wq.dll打包下载
js与ASP.NET 中文乱码问题
asp.net checkbox 动态绑定id GridView删除提示
asp.net TextBox回车触发事件 图片在img显示
asp.net 脏字典过滤问题 用正则表达式来过滤脏数据
asp.NET 脏字过滤算法
asp.NET 脏字过滤算法 修改版
asp.net sql 数据库处理函数命令
asp.net Javascript 的几种写法与提示
ASP.NET MVC学习笔记
asp.net 中国身份证号码验证代码 非正则
Asp.net中使用Sqlite数据库的方法
asp.net 中文字符串提交乱码的解决方法

ASP.NET 中的 AjaxControlToolKit DropDownExtender(下拉扩展控件)使用方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 163 ::
收藏到网摘: n/a

由于工作的需要,使用了这个控件 挺简单,使用这个扩展控件能轻松的吧 Label 控件 TextBox控件扩展成类似DropDownList控件的功能。这样使用既可以使用label控件或者textBox控件的一些属性又能实现dropDownList的功能。 下面大概吧使用方法介绍下(这里使用Lable控件为例子):
1. 给页面添加一个ScriptManager控件(使用方法还没有研究完全,研究完全了试验写点经验)
2.添加一个控制无刷新的UpdatePanel控件 (同上)
3.在UpdatePanel控件中 添加俩个 Label控件 一个用来添加DropDownExtender扩展,一个用来显示上个Label中取到的值,一个Panel控件 在Panel控件中添加若干个LinkButton控件
4.所有LinkButton公用一个Click事件,用来取值或者触发其他事件,我下面的例子主要是用来取值的。
5.在UpdatePanel中添加一个DropDownExtender控件
a.设置DropDownExtender属性:TargetControlID (目标控件ID 或者 靶子控件ID的意思吧) 要吧DropDownExtender扩展到那 个控件上,这里我是扩展到Label控件上,
b.这个Label控件的属性中会出现一个Extender的属性 里面有DropDownControlID 这里设置上面的PanelID
6.添加第3步中添加的LinkButton的事件
下面是简单例子的代码:
页面代码:
复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test2.aspx.cs" Inherits="test2" %>
<%@ Register Assembly="CrystalDecisions.Web, Version=10.2.3600.0, Culture=neutral, PublicKeyToken=692fbea5521e1304"
Namespace="CrystalDecisions.Web" TagPrefix="CR" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DropDownExtender简单练习</title>
<style type="text/css">
#Panel1
{
background:#ffcc00;
font-size:12px;
padding:0px;
border:solid 1px;
}
#LinkButton1,#LinkButton2,#LinkButton3,#LinkButton4
{
color:#666;
font-size:12px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label2" runat="server" Text="Label" Width="129px"></asp:Label><br />
<br />
<asp:Label ID="Label1" runat="server" Text="请选择" Width="91px"></asp:Label>
<asp:Panel ID="Panel1" runat="server" Width="85px" Style="visibility: hidden">
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="lkbtn_Click">西安</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton2" runat="server" OnClick="lkbtn_Click">上海</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton3" runat="server" OnClick="lkbtn_Click">深圳</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton4" runat="server" OnClick="lkbtn_Click">北京</asp:LinkButton></asp:Panel>
<cc1:DropDownExtender ID="DropDownExtender1" runat="server" DropDownControlID="Panel1"
TargetControlID="Label1">
</cc1:DropDownExtender>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>

cs文件代码:
复制代码 代码如下:

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class test2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void lkbtn_Click(object sender, EventArgs e)
{
Label1.Text = ((LinkButton)sender).Text;
Label2.Text = Label1.Text;
}
}

先就介绍这点吧,leader过来了