Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
190
How to change the tab index after the target tab is loaded completely?
posted

Hello, 

I am using WebTab with several ContentTabItem. In my case, most of the tabs need to be refreshed after tab index changed, while there is quite a large amount of data to be loaded. 

Under this condition, for a better user experience, I want to have the following behavior -- everything, including the tab contents and the tab index, is changed after the data is loaded completely, and at the same time letting the user know that the page is loading instead of doing nothing there. 

I've tried the ways suggested in the following post: http://www.infragistics.com/community/forums/t/71996.aspx . But both of them cannot do exactly what I expect.

1. Process SelectedIndexChanging event, cancel it, use internal method to change object-value of selected tab index and trigger a postback. Coming response will restructure/fix html.

problem: If I cancel the SelectedIndexChanging event, the loading animation will not come out. It will be a bad experience as sometimes the page will load for a couple of seconds and the user don't know if the page is loading or not. 

2. Process SelectedIndexChanged event, hide content of new selected tab and show content of old tab. Coming response will restructure/fix html.
Note: to get index of old selected tab, processing SelectedIndexChanged is needed.

problem: Users will see a blank tab and than the contents suddenly appear. It will be better if the tab index and the tabitem contents change at the same time. 

Is there any suggestion about this problem?

Thanks.

Regards,

KC

Parents Reply Children