David Waller
Top achievements
Rank 1
Rank 1
David Waller
asked on 03 Aug 2011, 12:57 PM
I have a simple RadTagCloud on a page which has a relatively complex layout. The items in the tag cloud are the result of a query and clicking the item perform additional queries, some of which can take some time to complete. I want to show an Ajax loader image (rotating dots) inside the ProgressTemplate of a .NET UpdatePanel. The problem I have is that clicking the link cuased the page to postback rather than showing the updater image. To illustrate this point...
I have a simple button on the page which when clicked shows that AJAX is being implemented
Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
System.Threading.Thread.Sleep(2000)
End Sub
However, the RadTagCloud (AutoPostBack=true) control performs a post back and reloads the page
Private Sub cloudAttractions_ItemClick(sender As Object, e As Telerik.Web.UI.RadTagCloudEventArgs) Handles cloudAttractions.ItemClick
System.Threading.Thread.Sleep(2000)
End Sub
Is there a solution to this problem?
I have a simple button on the page which when clicked shows that AJAX is being implemented
Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
System.Threading.Thread.Sleep(2000)
End Sub
However, the RadTagCloud (AutoPostBack=true) control performs a post back and reloads the page
Private Sub cloudAttractions_ItemClick(sender As Object, e As Telerik.Web.UI.RadTagCloudEventArgs) Handles cloudAttractions.ItemClick
System.Threading.Thread.Sleep(2000)
End Sub
Is there a solution to this problem?
1 Answer, 1 is accepted
0
Hi David,
Please note that the RadTagCloud control usually causes postback when any of its items is clicked and the AutoPostBack property is set to true. In order to send an asynchronous request to the server and display loading image, while waiting the response, you can place the RadTagCloud into a RadAjaxPanel control. Utilizing the LoadingPanelID property of the AJAX panel, you can easily attach a loading panel, as required in your scenario.
In case you want to specify your own loading image, you will be able to achieve it by overriding the appropriate CSS class of the RadAjaxLoadingPanel.
I have attached a sample project, demonstrating the suggested approach. Please compare it with your actual project and let us know if there are differences in the setup and if the RadTagCloud is placed in RadAjaxPanel or another Ajaxifying control.
If you are still experiencing difficulties please provide more detailed description of your issue and the steps you take to reproduce it so that we can expose the problem.
Best wishes,
Slav
the Telerik team
Please note that the RadTagCloud control usually causes postback when any of its items is clicked and the AutoPostBack property is set to true. In order to send an asynchronous request to the server and display loading image, while waiting the response, you can place the RadTagCloud into a RadAjaxPanel control. Utilizing the LoadingPanelID property of the AJAX panel, you can easily attach a loading panel, as required in your scenario.
In case you want to specify your own loading image, you will be able to achieve it by overriding the appropriate CSS class of the RadAjaxLoadingPanel.
I have attached a sample project, demonstrating the suggested approach. Please compare it with your actual project and let us know if there are differences in the setup and if the RadTagCloud is placed in RadAjaxPanel or another Ajaxifying control.
If you are still experiencing difficulties please provide more detailed description of your issue and the steps you take to reproduce it so that we can expose the problem.
Best wishes,
Slav
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.