Slow Ajax response, wondering if I can do something to improve?

[Sean]

Hi all,

I have a RadWindow that pops up. It displays various input fields based on conditions. So, for instance, if a checkbox becomes checked I need to re-enable several controls on the page.

<fieldset>
    <legend>Refresh Settings</legend>
    <table>
        <tr>
            <td class="AutoRefreshEnabled">
                Auto-Refresh Enabled:</td>
            <td class="AutoRefreshCheckbox">
            <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" oncheckedchanged="CheckBox1_CheckedChanged" />
            </td>
            <td class="AutoRefreshNumericTextbox">
                <telerik:RadNumericTextBox ID="RadNumericTextBox1" Runat="server"
                    Label="Auto-Refresh Interval:" MaxValue="60" MinValue="0"
                    ShowSpinButtons="True" Value="0" Width="175px" Enabled="False"
                    LabelCssClass="riLabel LabelDisabled">
                <NumberFormat DecimalDigits="0" />
                </telerik:RadNumericTextBox>
            </td>
        </tr>
    </table>
</fieldset>

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
{
    RadNumericTextBox1.Enabled = (sender as CheckBox).Checked;

    if (RadNumericTextBox1.Enabled)
    {
        RadNumericTextBox1.LabelCssClass = "LabelEnabled";
    }
    else
    {
        RadNumericTextBox1.LabelCssClass = "LabelDisabled";
    }
}

.LabelEnabled
{
    color: Black !important;
}

.LabelDisabled
{
    color: Gray !important;
}

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="CheckBox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadNumericTextBox1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
</telerik:RadAjaxManager>

When the user clicks the CheckBox there is an abnormal delay between when the CheckBox becomes checked and when the RadNumericTextBox becomes enabled. When the user un-checks the CheckBox there is no such delay. I experience this same, quirky effect on all similar event-response controls.

I do not want a loading panel -- it would be weird having loading screens over controls for a second. Is there anything I am missing?

Thanks, Sean

[Maria Ilieva]

Hello Sean,

Thank you for contacting us.

I'm not completely sure what you mean by abnormal delay in this case as my local test doesn’t show such a delay on Ajax request. Please find attached a sample application which uses your code and works as expected in my side. You could also test the application without Ajax enabled and you will see the real difference in the request speed.
As for RadAjax performance optimization I would suggest you to review the following help topic which elaborates on this matter:
http://www.telerik.com/help/aspnet-ajax/ajax-client-side-performance.html

Greetings,

Maria Ilieva
the Telerik team

 

[Sean]

Hi Telerik,

I continue experience this issue.

Here's a video to show you what I am experiencing using the demo project you attached previously.

This is running from Visual Studio 2010 on Google Chrome 10.0.648.204 using Telerik.Web.UI 2010.3.1317.40

http://screencast.com/t/4W3uxqznWrEr -- As you can see when the checkbox becomes unchecked it takes a (relatively) substantial amount of time for the control to update. 

I do not see this issue in Internet Explorer 8.0.76.

Thanks,

Sean

[Maria Ilieva]

Hello Sean,

It seems that the problematic behavior is most probably browser behavior and is not directly related to RadAjaxManager control. The same delay could be observed if regular asp UpdatePanel is used instead of RadAjax. Please find attached a sample application which demonstrates this behavior.

Kind regards,
Maria Ilieva
the Telerik team