Oct 01, 2009, 6:31 PM
Show/Hide tabs
Hello, I've been struggling with something for a little while and finally thought I'd post for some help to see what I may be doing wrong or not understanding fully. My scenario is that I have a window that will initially be hidden that contains a tabpanel with several tabs on it. Then in my app have have some other controls that will call an AjaxMethod to do some processing and conditionally hide or show some of the tabs before displaying the window. I have tried all sorts of ways of trying to hide specific tabs before showing this window but nothing has worked so far. I created a example page of what I am doing that strips my scenario down to the most basic elements that will reproduce my issue. I've tried Tab.Hide() and Tab.Show() too but this also has not worked.
Thanks in advance for any advice.
Thanks in advance for any advice.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test2.aspx.cs" Inherits="test2" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script runat="server">
[AjaxMethod()]
public void ShowWindowWithTabsHidden()
{
Tab3.Hidden = true;
Tab4.Hidden = true;
Testwindow.Show();
}
[AjaxMethod()]
public void ShowWindowWithTabsShown()
{
Tab3.Hidden = false;
Tab4.Hidden = false;
Testwindow.Show();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" Theme="Gray" />
<ext:Button runat="server" ID="Button2" Text="Show With Tabs Hidden" AutoPostBack="false">
<Listeners>
<Click Handler="Coolite.AjaxMethods.ShowWindowWithTabsHidden();" />
</Listeners>
</ext:Button>
<ext:Button runat="server" ID="Button3" Text="Show With Tabs Shown" AutoPostBack="false">
<Listeners>
<Click Handler="Coolite.AjaxMethods.ShowWindowWithTabsShown();" />
</Listeners>
</ext:Button>
<ext:Window ID="TestWindow" runat="server" Width="714" Height="450" Border="false" ShowOnLoad="false" Modal="true">
<Body>
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" EnableTabScroll="true">
<Tabs>
<ext:Tab ID="Tab1" runat="server" Title="Tab1 1">
<Body>
<ext:HtmlEditor ID="HtmlEditor1" runat="server" Height="375" Width="700" />
</Body>
</ext:Tab>
<ext:Tab ID="Tab2" runat="server" Title="Tab 2">
<Body>
<ext:HtmlEditor ID="HtmlEditor2" runat="server" Height="375" Width="700" />
</Body>
</ext:Tab>
<ext:Tab ID="Tab3" runat="server" Title="Tab 3">
<Body>
<ext:HtmlEditor ID="HtmlEditor3" runat="server" Height="375" Width="700" />
</Body>
</ext:Tab>
<ext:Tab ID="Tab4" runat="server" Title="Tab 4">
<Body>
<ext:HtmlEditor ID="HtmlEditor4" runat="server" Height="375" Width="700" />
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</Body>
</ext:Window>
</form>
</body>
</html>