[Solved] Ajaxified Grid, RadAjaxLoadingPanel, Filtering, and AutoPostBackOnFilter

[Nicholas Walker]

Hello,

I have a RadGrid embedded inside of an AJAX panel.  I have an AJAXLoadingPanel that is supposed to be displayed for page changes and filtering.  The loading panel works perfectly when I click on the different page numbers or when I use the filter and CLICK on the filter option.  The problem I am having is when the AutoPostBackOnFilter option is set to TRUE, the loading panel flickers over the grid and then disappears.  The filtering still happens properly, but after the loading panel flickers on, to the end user it is unclear what is happening.  Any ideas?

Thanks,
--nick

[Pavlina]

Hi Nicholas,

I tested the setup which you mentioned, and the control behaved as expected.
Attached to this message, you will find the code, which I used for testing.
Take a look at it and let me know if this is the expected behavior.

Best wishes,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Nicholas Walker]

Your example did not work for me as you wrote it - I didn't see any "Loading" icon at all.  Don't know what the problem is there.

But if I change your loading panel definition to this:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
     <img src="Loading.gif">
</telerik:RadAjaxLoadingPanel>

Then I see the "Loading" icon, but it will function as I described in my original post.  It works differently when you hit enter from within the filter field than when you actually click on the filter icon or use the paging options.  For me, the "Loading" icon just flickered on the first time using enter, then on subsequent filters it wouldn't show up at all.

Thanks,
--nick

[Pavlina]

Hi Nicholas,

The page has just shown the Loading Panel and has to hide it again. The result will be even more annoying flicker. That's why there is a property for the LoadingPanel: MinDisplayTime. It specifies the minimum time in milliseconds that the Loading Panel will last. The control will not be shown before this period has passed even if the request returns. This will ensure more smoother interface for your page.

Sincerely yours,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Nicholas Walker]

I don't understand your response.  There seems to be a fundamental problem with the way the AutoPostBackOnFilter is working with the grid.  The grid behaves DIFFERENTLY between using the AutoPostBackOnFilter versus clicking on the filter drop down options.  Can you replicate this given the information I posted?

[Tsvetoslav]

Hi Nicholas,

The odd behavior your experiencing is due to a browser specific behavior in IE and there is no easy fix for that. The easiest work-around for the problem is to set a transparency for the RadAjaxLoadingPanel. If you need the loading panel to be fully visible (not transparent at all) just set its Transparency property to 1 - which is in reality visually equivalent to having no transparency whatsoever.

I hope this information helps.

Regards,
Tsvetoslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Nicholas Walker]

Thanks - that will work for me.  The behavior is not exactly the same, but much closer to what it should be.

--nick