Loading panel for Combobox.

5 posts, 2 answers
  1. Karthik
    Karthik avatar
    9 posts
    Member since:
    Nov 2012

    Posted 24 Feb 2013 Link to this post

    Hi,
         I want to show an ajax loader processing icon when i click the drop down button of a Rad Combobox and it should be hidden when the drop down items are displayed. I tried doing with the onclientdropdownopening and onclientdwnopened ropdoproperties of the combobox but still I was not able to get the desired results. Can anyone help me out with this???
  2. Answer
    Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 27 Feb 2013 Link to this post

    Hello Karthik,

    If the RadComboBox has load on demand enabled, it's advisable to show the loading panel when the OnClientItemsRequesting event is fired and hide it on the OnClientItemsRequested event.

    Regards,
    Dimitar Terziev
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Karthik
    Karthik avatar
    9 posts
    Member since:
    Nov 2012

    Posted 27 Feb 2013 Link to this post

    Hi,
    Thank you for the hint. It will be very useful if you provide me with a demo since I am very much new to this field.
  5. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 27 Feb 2013 Link to this post

    Hi,

    Please take look into the  Demo I tried.

    ASPX:
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadComboBox2">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadComboBox2" LoadingPanelID="AjaxLoadingPanel1">
                    </telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Transparency="80" MinDisplayTime="300"
        runat="server">
        <asp:Image ID="l" runat="server" ImageUrl="~/Images/LoadingPanelImage1.gif"  AlternateText="Loading" />
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadComboBox ID="RadComboBox2" runat="server" EnableLoadOnDemand="True" ShowMoreResultsBox="true"
        OnItemsRequested="RadComboBox2_ItemsRequested" OnClientItemsRequesting="ClientItemsRequesting"
        OnClientItemsRequested="ClientItemsRequested">
    </telerik:RadComboBox>

    Javascript:
    <script type="text/javascript">
        function ClientItemsRequesting(sender, args) {
            var loadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
            loadingPanel.show(sender.get_id());
        }
        function ClientItemsRequested(sender, args) {
            var loadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
            loadingPanel.hide(sender.get_id());
        }  
    </script>

    Thanks,
    Princy.

  6. Karthik
    Karthik avatar
    9 posts
    Member since:
    Nov 2012

    Posted 28 Feb 2013 Link to this post

    Hi,
         That was really helpful.. Thank you so much.. 
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017