[Solved] LoadingPanel with DatePicker

[Joel Kraft]

I am using the following RadAjaxManager code to control a RadDatePicker and a RadGrid.  I want the grid to update when either of those controls fires.  Changing the date in the date picker will load a new set of data in the grid.

It technically works, I guess, but not as well as I would expect when changing the date on the calendar.  When events fire on the grid, I can see the LoadingPanel during the duration of the update until the changes are processed.

When changing the date on the date picker, the loading panel only flashes on the grid and immediately disappears.  The update still takes another moment to occur.  (On the same note, the status bar of the grid also returns to "Ready" immediately even though the update is not complete.)

Is there something I have wrong in this declaration to cause this to happen?
Thanks,
Joel

<TELERIK:RadAjaxManager ID="AjaxManager" runat="server">
<AjaxSettings>
    <TELERIK:AjaxSetting AjaxControlID="rdtWorkDate">
        <UpdatedControls>
            <TELERIK:AjaxUpdatedControl ControlID="rgSchedule" LoadingPanelID="LoadingPanel" />
        </UpdatedControls>
    </TELERIK:AjaxSetting>
    <TELERIK:AjaxSetting AjaxControlID="rgSchedule">
        <UpdatedControls>
            <TELERIK:AjaxUpdatedControl ControlID="rgSchedule" LoadingPanelID="LoadingPanel" />
        </UpdatedControls>
    </TELERIK:AjaxSetting>
</AjaxSettings>
</TELERIK:RadAjaxManager>
<TELERIK:RadAjaxLoadingPanel runat="server" ID="LoadingPanel" Transparency="30" BackColor="#E0E0E0">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0" />
</TELERIK:RadAjaxLoadingPanel>

[Konstantin Petkov]

Hello Joel,

Can you please add the date picker to update itself as well?

        <telerik:RadAjaxManager ID="AjaxManager" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="rdtWorkDate">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rgSchedule" LoadingPanelID="LoadingPanel" />
                        <telerik:AjaxUpdatedControl ControlID="rdtWorkDate" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="rgSchedule">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rgSchedule" LoadingPanelID="LoadingPanel" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

Does that help?

All the best,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Joel Kraft]

Well I am using SP2 now and updated my databinding code and everything actually appears to be working correctly.  I'm not sure what part actually fixed it, though.

I did end up having to add the date control to the update list (with SP2) or otherwise it would stop working after the first date change.

Thanks!