使用PopupControlExtender实现textbox的下拉框

最新推荐文章于 2012-07-11 09:25:52 发布

chjk1

最新推荐文章于 2012-07-11 09:25:52 发布

阅读量2.2k

点赞数

分类专栏： AJAX 文章标签： textbox asp.net website ajax video asp

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/chjk1/article/details/2293504

版权

AJAX 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

使用PopupControlExtender实现textbox的下拉框
效果如图：

1、1、新建一个ASP.NET AJAX Control Toolkit Website。在Default.aspx添加一个TextBox、
一个Panel，Panel设置如下：

< asp:Panel ID ="Panel1" runat ="server" Height ="50px" Width ="125px" CssClass ="popupControl" >

< asp:UpdatePanel ID ="UpdatePanel1" runat ="server" >

< ContentTemplate >

< asp:RadioButtonList ID ="RadioButtonList1" runat ="server" AutoPostBack ="true" OnSelectedIndexChanged ="RadioButtonList1_SelectedIndexChanged" Width ="224px" >

< asp:ListItem Text ="Scott Guthrie" ></ asp:ListItem >

< asp:ListItem Text ="Simon Muzio" ></ asp:ListItem >

< asp:ListItem Text ="Brian Goldfarb" ></ asp:ListItem >

< asp:ListItem Text ="Joe Stagner" ></ asp:ListItem >

< asp:ListItem Text ="Shawn Nandi" ></ asp:ListItem >

</ asp:RadioButtonList >

</ ContentTemplate >

</ asp:UpdatePanel >

</ asp:Panel >

再添加一个PopupControlExtender，PopupControlExtender设置如下：

< ajaxToolkit:PopupControlExtender ID ="PopupControlExtender1" runat ="server" CommitProperty ="value"

CommitScript ="e.value += ' - SEND A MEETING REQUEST!';" PopupControlID ="Panel1"

Position ="Bottom" TargetControlID ="MyTextBox" >

</ ajaxToolkit:PopupControlExtender >

2、双击RadioButtonList1，代码如下：

protected void RadioButtonList1_SelectedIndexChanged( object sender, EventArgs e)

{

if ((String.IsNullOrEmpty(RadioButtonList1.SelectedValue)) == false)

{

// Popup result is the selected task

PopupControlExtender.GetProxyForCurrentPopup(this.Page).Commit(RadioButtonList1.SelectedValue);

}

// Reset the selected item

RadioButtonList1.ClearSelection();

Label1.Text = MyTextBox.Text;

}

3、把StyleSheet.css从“解决方案资源管理器”拖进<head>...</head>里。

StyleSheet.css代码如下：

.watermark

{

background: #FFAAFF;

}

.popupControl

{

background-color:#AAD4FF;

position:absolute;

visibility:hidden;

border-style:solid;

border-color: Black;

border-width: 2px;

}

4、注意：
CssClass="popupControl"--Panel1的外观设置
AutoPostBack="true" ---如果RadioButtonList1没声明这个属性，就是点了也东西
using AjaxControlToolkit;---要在Default.aspx.cs添加这个命名空间

参考：video9

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
使用PopupControlExtender实现textbox的下拉框

使用PopupControlExtender实现textbox的下拉框效果如图：1、1、新建一个ASP.NET AJAX Control Toolkit Website。在Default.aspx添加一个TextBox、一个Panel，Panel设置如下： asp:Panel ID="Panel1" runat="server" Height="50px" Width="
复制链接

扫一扫

专栏目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。