Refresh RadHtmlChart with Javascript and show loading spinner

[Michael]

In case of RadGrid I can do this:

var RadGrid = $find('<%=RadGrid.ClientID %>').get_masterTableView();
RadGrid.fireCommand("Update", 0);

This refreshs my RadGrid and is showing the ajaxLoadingPanel with the spinner.

I try to do the same for RadHtmlChart like this:

var radHtmlChartObject = $find("<%=VersionsChart.ClientID %>");
radHtmlChartObject.repaint();
//or
radHtmlChartObject.loadData();

It refreshes/repaints the chart but I cannot see the loading animation. The RadAjaxManager is configured the same way for both controls, here for the RadHtmlChart:

<telerik:AjaxSetting AjaxControlID="VersionsChart">
    <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="VersionsChart" LoadingPanelID="RadAjaxLoadingPanel1" />
    </UpdatedControls>
</telerik:AjaxSetting>

How can I make the spinner appear also in case of the RadHtmlChart?

 

 

[Maria Ilieva]

Hello Michael,

Note that the fireCommand() client method is performing post to the server which is actually an Ajax request and therefore the LoadingPanel appears. When calling repaint() no request to the server is made therefore no Ajax is performed in this case.
You can try to invoke manual ajaxRequest if needed as shown below:
http://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxmanager/client-side-programming/overview


Regards,
Maria Ilieva
Telerik

[Michael]

Could you provide me with an example for my use case?

[Michael]

got it.

function AjaxRequestButton(arguments) {
    var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
    ajaxManager.ajaxRequestWithTarget('<%= Chart.UniqueID %>', '');
}

and in the RadAjaxManager:

<telerik:AjaxSetting AjaxControlID="AdminServiceVersionsChart" >
    <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="AdminServiceVersionsChart" />
    </UpdatedControls>
</telerik:AjaxSetting>