【问题标题】:Button click not working inside update panel按钮单击在更新面板内不起作用
【发布时间】:2014-08-01 07:59:46
【问题描述】:

当我在更新面板中使用按钮时,它不会触发点击事件,但在更新面板之外它可以工作。
这是代码

<asp:UpdatePanel ID="updatePanel2" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
    <ContentTemplate>
    <asp:Button ID="btnBlock" class="Button" Text="BlockCalls" runat="server"       
            onclick="btnBlock_Click" Enabled="True" Width="100px" />  
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnBlock" /> 
    </Triggers>
</asp:UpdatePanel>

按钮代码

protected void btnBlock_Click(object sender, EventArgs e)
{        
    CtiWS.CtiWS CtiWS1 = new CtiWS.CtiWS();
    Response.Write("<script>alert('"+Convert.ToString(Session["BlockCalls"])+"')</script>");
    if (btnBlock.Text == "BlockCalls")
    {
        btnBlock.Text = "UnBlockCalls";
        CtiWS1.BlockCalls("", "", HttpContext.Current.Session["HOSTID"].ToString()); //server block calls
    }
    else
    {
        btnBlock.Text = "BlockCalls";
        CtiWS1.BlockCalls("", "", HttpContext.Current.Session["HOSTID"].ToString()); //server unblock calls 
    }

}

【问题讨论】:

  • 你只需要给回发触发器而不是异步回发
  • 我不想在点击按钮后刷新页面。当我使用回发触发器时,它会刷新页面
  • @user3713775 检查我的答案。
  • 刚刚看到这个链接.....stackoverflow.com/questions/7650592/…@user3713775

标签: asp.net ajax button triggers updatepanel


【解决方案1】:

试试这个

ChildrenAsTriggers 设置为true 并在asp:AsyncPostBackTrigger 中添加EventName="Click"

<asp:UpdatePanel ID="updatePanel2" runat="server" UpdateMode="Conditional" 
                ChildrenAsTriggers="true">
   <ContentTemplate>
    <asp:Button ID="btnBlock" class="Button" Text="BlockCalls" runat="server"       
                 onclick="btnBlock_Click" Enabled="True" Width="100px" />  
   </ContentTemplate>
   <Triggers>
     <asp:AsyncPostBackTrigger ControlID="btnBlock" EventName="Click"/> 
    </Triggers>
</asp:UpdatePanel>

【讨论】:

  • 为什么按钮需要触发器?它在更新面板中 - ChildrenAsTriggers 是真的 - 你不需要它。
  • @MartinSmellworse 因为 ChildrenAsTriggers 是一个完整的回发触发请求。如果你想做一个异步触发,你需要具体
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-25
  • 2018-08-04
  • 1970-01-01
  • 2018-06-18
相关资源
最近更新 更多