当我在 RadAjaxManager 中使用它时，服务器端按钮单击不会触发

Question

我在 RadAjaxManager 中使用了几个设置。我有一个服务器控制 asp 按钮，单击它会重新加载整个页面。为了防止我把这个设置放在 RadAjaxManager 中

<telerik:AjaxSetting AjaxControlID="btnPrint">
    <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="btnPrint" LoadingPanelID="RadAjaxPanel"/>
    </UpdatedControls>
</telerik:AjaxSetting>

但由于某种原因，我的点击事件背后的代码没有触发。有什么想法请教

 <telerik:RadAjaxPanel ID="RadAjaxPanel"  PostBackControls="btnPrint" runat="server">
     <div class="grid-wrapper" id="subcodeDiv" style="padding: 0px; margin-top: 20px; margin-left: 0; margin-right: 0px; width: 1160px; float: left; overflow: hidden">
         <table class="subcodesdata">
            <tr>
              <td>
                <asp:Button ID="btnPrint" runat="server" Text="Print" CssClass="button" OnClick="btnPrint_Click" ></asp:Button>
              </td>
            </tr>
         </table>
    </div>
</telerik:RadAjaxPanel>

Answer 1

虽然这是一个旧线程，但如果其他人仍在努力解决它，它可以解决问题。这里的问题是您不能让按钮自行更新。好吧，您可以，但是您的页面将无法按预期工作。相反，该按钮应更新辅助控件。当您让按钮在每次单击时自行更新时，它只会自行重置，因此永远不会触发服务器端功能。

所以这是正确的做法：

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadAjaxManager ID="ajaxmanager1" runat="server" EnableAJAX="true">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnPrint">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="subcodeDiv" />
           </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

但是，我不确定 Telerik 控件是否会更新 div。我知道它们可以很好地处理控件而不是 div。

即便如此，我认为按钮不应该在您尝试更新的 div 内。

无论如何，如果上面的示例不起作用，请尝试以下示例。它肯定会起作用——请注意我用标签控件替换了 div：

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
	
<telerik:RadAjaxManager ID="ajaxmanager1" runat="server" EnableAJAX="true">
	<AjaxSettings>
		<telerik:AjaxSetting AjaxControlID="btnPrint">
			<UpdatedControls>
				<telerik:AjaxUpdatedControl ControlID="label1" />
			</UpdatedControls>
		</telerik:AjaxSetting>
	</AjaxSettings>
</telerik:RadAjaxManager>

<asp:Button ID="btnPrint" runat="server" Text="Print" CssClass="button" OnClick="btnPrint_Click" ></asp:Button>
<asp:label autopostback="true" id="label1" runat="server" visible="true"></asp:label>

Answer 2

问题是您将RadAjaxManager 和RadAjaxPanel 应用到同一个按钮，这是错误且不必要的。您只需要在此处选择其中一种方法。

请尝试以下工作代码示例。当您单击打印按钮 1 时，文本将加载到 span 标记中并显示在屏幕上，而不会刷新页面。打印按钮 2 也一样。

RadAjaxPanel方法

    <telerik:RadAjaxPanel runat="server" ID="rap" PostBackControls="btnPrint2">
            <div class="grid-wrapper">
            <table class="subcodesdata">
                <tr>
                    <td>
                        <asp:Button ID="btnPrint2" runat="server" Text="Print 2" CssClass="button" OnClick="btnPrint2_Click"></asp:Button>
                        <br />
                        <span runat="server" id="span2"></span>
                    </td>
                </tr>
            </table>
        </div>
    </telerik:RadAjaxPanel>

    protected void btnPrint2_Click(object sender, EventArgs e)
    {
        span2.InnerHtml = "Print button 2 clicked...";
    }

RadAjaxManager方法

<telerik:RadAjaxManager ID="ram" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnPrint1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="subcodeDiv" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
</telerik:RadAjaxManager>
<div class="grid-wrapper" id="subcodeDiv" runat="server">
        <table class="subcodesdata">
            <tr>
                <td>
                    <asp:Button ID="btnPrint1" runat="server" Text="Print 1" CssClass="button" OnClick="btnPrint1_Click"></asp:Button>
                    <br />
                    <span runat="server" id="span1"></span>
                </td>
            </tr>
        </table>
    </div>
    protected void btnPrint1_Click(object sender, EventArgs e)
    {
        span1.InnerHtml = "Print button 1 clicked...";
    }