Is there a way to capture the event when a web tab is clicked(server side). I've tried the SelectedIndexChange method, but it won't fire. I want to perform an action each time a tab is selected. Inside the ContentTabItem templates I have various controls. What I want to do is hide some controls and change the label text of some labels when a tab is selected.
<ig:WebTab ID="igMyTabs" runat="server" Width="900px" StyleSetName="Office2007Blue" StyleSetPath="~/ig_res/"> <Tabs> <ig:ContentTabItem runat="server" Text="Apples" > <Template> Some stuff to do here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Oranges"> <Template> oranges stuff goes here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Bananas"> <Template> bananas stuff goes here </Template> </ig:ContentTabItem> </Tabs> </ig:WebTab>
Hi dbishop9,
set AutoPostBackFlags SelectionIndexChanged=On,
<ig:WebTab ID="igMyTabs" runat="server" Width="900px" StyleSetName="Office2007Blue" StyleSetPath="~/ig_res/" onselectedindexchanged="igMyTabs_SelectedIndexChanged"> <AutoPostBackFlags SelectedIndexChanged="On" /> <Tabs> <ig:ContentTabItem runat="server" Text="Apples"> <Template> Some stuff to do here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Oranges"> <Template> oranges stuff goes here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Bananas"> <Template> bananas stuff goes here </Template> </ig:ContentTabItem> </Tabs> </ig:WebTab>
...
protected void igMyTabs_SelectedIndexChanged(object sender, Infragistics.Web.UI.LayoutControls.TabSelectedIndexChangedEventArgs e) {
}
Perfect, thanks. Now I cannot get the AjaxIndicator to work. Below is my html. The loading.gif is an animated gif file. Is there something else I am not doing or am I using the wrong kind of file? Thanks.
<
="AboveInfront"
/>
The AJAX Indicator displays a wait notification for the end users, while an Infragistics™ NetAdvantage ASP.NET AJAX control is waiting for a callback to complete. The indicator will show itself when a control initiates an AJAX call, and automatically hides itself once the callback is complete.
Enable Ajax Indicator for WebTab :
<AjaxIndicator Enabled="True" Text="Ajax Call Wait" Location="AboveCenter" RelativeToControl="True" />
AjaxIndicator
Enabled
="True"
Text
="Ajax Call Wait"
Location
="AboveCenter"
RelativeToControl
When AutoPostBackFlag is set to On, it makes full postback, so you have to set it to Async
However on setting AutoPostBackFlag to async the event does not get fired.
for example i tried doing this 'SelectedIndexChanged="async" ' and now my event would not get fired.