当前位置: 移动技术网 > IT编程>开发语言>.net > AjaxControlToolKit DropDownExtender(下拉扩展控件)使用方法

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

2018年04月20日  | 移动技术网IT编程  | 我要评论

everestultimateedition,电力工人之歌,优虎影院

下面大概吧使用方法介绍下(这里使用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过来了

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网