RadTagCloud and AJAX

2 posts, 0 answers
  1. David Waller
    David Waller avatar
    11 posts
    Member since:
    Jul 2012

    Posted 03 Aug 2011 Link to this post

    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?
  2. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 08 Aug 2011 Link to this post

    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

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top