AjaxControlToolKit DropDownExtender(下拉扩展控件)使用方法
程序员文章站
2022-04-17 13:24:56
下面大概吧使用方法介绍下(这里使用lable控件为例子)： 1. 给页面添加一个scriptmanager控件（使用方法还没有研究完全，研究完全了试验写点经验） 2.添加一...
下面大概吧使用方法介绍下(这里使用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过来了
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过来了