c# - RadAjaxManager 不能在 asp.net 中使用面板

Question

我只是在试验并尝试让 Rad Ajax 正常工作。我创建了两个按钮和两个与之关联的事件。第一个按钮将 Lable1 的文本更改为 Hi，第二个按钮将 Label2 的文本更改为 Bye 而无需加载整个页面。

这是代码。

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Button1">
 <UpdatedControls>
  <telerik:AjaxUpdatedControl ControlID="Panel1" />
  <telerik:AjaxUpdatedControl ControlID="Label1" />
 </UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="Button2">
 <UpdatedControls>
  <telerik:AjaxUpdatedControl ControlID="Panel1" />
  <telerik:AjaxUpdatedControl ControlID="Label1" />
 </UpdatedControls>
 </telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Hi" 
Width="41px" />
<asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Bye" />
<br />
<asp:Panel ID="Panel1" runat="server">
<asp:Label ID="Label1" runat="server" Text="Label1"></asp:Label>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server">
   <asp:Label ID="Label2" runat="server" Text="Label2"></asp:Label>
</asp:Panel>

代码背后:

   protected void Page_Load(object sender, EventArgs e)
    {
        if(IsPostBack)
        Response.Write("Page Loaded");
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "Hi";

    }

    protected void Button2_Click(object sender, EventArgs e)
    {
        Label2.Text = "Bye";
    }

此代码在没有 RadAjax 的情况下工作完美，但我想使用 Rad Ajax 实现它以在需要时仅更新 Label1 和 Label2 而无需加载页面。

有人可以帮我解决这个问题吗？

谢谢。

Answer 1

在使用 ASP.NET Ajax 时不能使用 Response 对象。

此外，您在 UpdatedControls 标记中有拼写错误 - 请参阅评论。

protected void Page_Load(object sender, EventArgs e)
{
  // You cannot have Response.Write here.
}

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Button1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Panel1" />
                <telerik:AjaxUpdatedControl ControlID="Label1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="Button2">
            <UpdatedControls>
                <%-- Must be Panel2 and Label2 --%>
                <telerik:AjaxUpdatedControl ControlID="Panel2" /> 
                <telerik:AjaxUpdatedControl ControlID="Label2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>