在内容页面中使用UpdatePanel中的按钮不会触发点击事件

本文关键字：事件 按钮 UpdatePanel | 更新日期: 2023-09-27 17:59:48

我有一个网站主页和一个内容页。每当我点击内容页面中的按钮时，它不会触发点击事件方法执行。

SiteMaster代码：

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
</head>
<body background="../../Content/city-balcony@2x.jpg">
    <form id="form1" runat="server">
    <div class="page">
        <div id="header">
            <div id="title">
                <h1>Welcome to E-Meeting</h1>
            </div>
            <div id="logindisplay">
                <% Html.RenderPartial("LogOnUserControl"); %>
            </div> 
            <div id="menucontainer">
                <ul id="menu">              
                    <li><%: Html.ActionLink("Home", "Index", "Home")%></li>
                                <%
                                    if (Request.IsAuthenticated)
                                    {
                                %>
                    <li><%: Html.ActionLink("Chat", "ViewPage1")%></li>
                                <% }
                                %>
                    <li><%: Html.ActionLink("About", "About", "Home")%></li>
                </ul>
            </div>
        </div>
        <div id="main">
            <%="Last communicated at : " + DateTime.Now.ToLongTimeString()%>
        <asp:ContentPlaceHolder ID="MainContent" runat="server" />
            <div id="footer">
            </div>
        </div>
        <br />
        <br />
    </div>
    </form>
</body>
</html>

内容页：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<script runat="server">
    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "Modified by click event";
    }
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    ChT
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>ChT</h2>
       <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />        
            <asp:Label ID="Label1" runat="server" Text="On Load"></asp:Label>
        </ContentTemplate>

    </asp:UpdatePanel>
</asp:Content>

每当我点击按钮时，我都希望标签文本是"点击事件修改"，但它保持不变的"加载"。有人能帮助吗

在内容页面中使用UpdatePanel中的按钮不会触发点击事件

尝试在更新面板中添加一个触发器，如图所示：

</ContentTemplate> 
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />        
</Triggers>

并检查ScriptManager的EnablePartialRendering，如果它显示或设置为true

，则将其删除

您可以使用C#添加一个方法来触发事件。

  1. 双击按钮以创建按钮单击事件
  2. 添加代码以将标签文本更改为"点击修改事件"

例如

protected void Button1_Click(object sender, EventArgs e)｛
Label1.text = "Modified by click event";
｝

顺便说一下，您可以在aspx代码中去掉Text="On Load"。（您的代码是：<asp:Label ID="Label1" runat="server"></asp:Label>，然后在您的.cs文件中添加一个page_load方法：

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
      Label1.text = "On load";
    }

在这种情况下，当你打开网页时，它将显示"加载中"，当你点击按钮时，它会显示"点击修改事件"。

希望它

相关文章：