AjaxControlToolKit DropDownExtender(下拉扩展控件)使用方法

所属分类: 网络编程 / ASP.NET 阅读数: 1752
收藏 0 赞 0 分享
下面大概吧使用方法介绍下(这里使用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>
&nbsp;</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过来了
更多精彩内容其他人还在看

.NET Core源码解析配置文件及依赖注入

这篇文章我们设计了一些复杂的概念,因为要对ASP.NET Core的启动及运行原理、配置文件的加载过程进行分析,依赖注入,控制反转等概念的讲解等
收藏 0 赞 0 分享

.NET Corek中Git的常用命令及实战演练

这篇文章将通过故事的形式从Git的历史谈起,并讲述Git的强大之处。然后通过实战演练教你如何在Github以及码云上托管我们的代码并进行代码的版本控制
收藏 0 赞 0 分享

Asp.Net Core WebAPI使用Swagger时API隐藏和分组详解

这篇文章主要给大家介绍了关于Asp.Net Core WebAPI使用Swagger时API隐藏和分组的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Asp.Net Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

如何利用FluentMigrator实现数据库迁移

这篇文章主要给大家介绍了关于如何利用FluentMigrator实现数据库迁移的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

ASP.NET Core利用Jaeger实现分布式追踪详解

这篇文章主要给大家介绍了关于ASP.NET Core利用Jaeger实现分布式追踪的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

浅谈从ASP.NET Core2.2到3.0你可能会遇到这些问题

这篇文章主要介绍了ASP.NET Core2.2到3.0可能会遇到的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解.net core webapi 前后端开发分离后的配置和部署

这篇文章主要介绍了.net core webapi 前后端开发分离后的配置和部署,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁

这篇文章主要介绍了ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

.net 4.5部署到docker容器的完整步骤

这篇文章主要给大家介绍了关于.net 4.5部署到docker容器的完整步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用.net4.5具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

.net core并发下线程安全问题详解

这篇文章主要给大家介绍了关于.net core并发下线程安全问题的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.net core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多