Ajax之PopupControl应用--帮助用户输入的面板

最新推荐文章于 2024-08-27 07:48:25 发布

原创最新推荐文章于 2024-08-27 07:48:25 发布 · 766 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #textbox #asp #server #assembly #扩展

ASP.NET之开发点滴专栏收录该内容

1 篇文章

订阅专栏

本文介绍了PopupControlExtender控件的使用方法，包括如何创建一个弹出面板，并将其与目标控件关联，以便用户可以在弹出窗口中进行选择并更新目标控件的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PopupControl扩展器控件可以附加到任何控件之上，当用户点击该控件时，将弹出一个预先指定好的、显示附加信息或用来帮助用户执行某些设定的Panel。当该控件失去输入焦点之后，Panel将自动消失，且用户在其中进行的配置将被设定到扩展器的目标控件之上。

实例图片(暂时不会插入图片)：

AjaxTestPopupControl.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxTestPopupControl.aspx.cs" Inherits="WebDemo.Ajax.AjaxTestPopupControl" %> <%@ 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>无标题页</title> <mce:style type="text/css"></mce:style> </head> <body>  <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:Panel ID="testPanel" CssClass="popupControl" runat="server"> <div style="border: 1px outset white; width: 100px"> <asp:UpdatePanel ID="testUpdatePanel" runat="server"> <ContentTemplate> <asp:RadioButtonList ID="testList" runat="server" onselectedindexchanged="testList_SelectedIndexChanged" AutoPostBack=true> <asp:ListItem Text="admin1" Value="admin1"></asp:ListItem> <asp:ListItem Text="admin2" Value="admin2"></asp:ListItem> <asp:ListItem Text="admin3" Value="admin3"></asp:ListItem> <asp:ListItem Text="admin4" Value="admin4"></asp:ListItem> </asp:RadioButtonList> </ContentTemplate> </asp:UpdatePanel> </div> </asp:Panel> <div> <asp:TextBox ID="tabTest" runat="server"></asp:TextBox> <cc1:PopupControlExtender ID="tabTest_PopupControlExtender" runat="server" DynamicServicePath="" Enabled="True" ExtenderControlID="" TargetControlID="tabTest" PopupControlID="testPanel" Position="Bottom" CommitProperty="value" CommitScript="e.value;"> </cc1:PopupControlExtender> </div> </form> </body> </html>