What's New?

[CLOSED] [1.0] Hiding GroupTabs

Page 2 of 2 FirstFirst 12
  1. #11
    Mar 07, 2012, 9:08 PM
    Then the ClientIDs will be different from IDs. There must be ClientIDs.
  2. #12
    Mar 07, 2012, 9:14 PM
    Yes, I'm using ClientIDs.
  3. #13
    Mar 07, 2012, 9:17 PM
    Please provide a sample to reproduce.
  4. #14
    Mar 08, 2012, 8:22 AM
    Here is the full example with:

    1. Initial hidden state (see the DocumentReady listener).

    2. Client side toggling.

    3. Server side toggling.

    Example
    <%@ Page Language="C#" %>
  
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Toogle1(object sender, DirectEventArgs e)
    {
        X.Js.Call("toggle", this.GroupTabPanel1.ClientID + "__" + this.GroupTab1.ClientID);
        // or
        // X.Fly(this.GroupTabPanel1.ClientID + "__" + this.GroupTab1.ClientID).ToggleClass("x-hide-display");
    }

    protected void Toogle2(object sender, DirectEventArgs e)
    {
        X.Js.Call("toggle", this.GroupTabPanel1.ClientID + "__" + this.GroupTab2.ClientID);
        // or
        // X.Fly(this.GroupTabPanel1.ClientID + "__" + this.GroupTab2.ClientID).ToggleClass("x-hide-display");
    }
</script>
 
<!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>Ext.NET Example</title>
 
    <script type="text/javascript">
        var toggle = function (groupTabId) {
            Ext.fly(groupTabId).toggleClass("x-hide-display");
        };
    </script>
</head>
<body>
    <ext:ResourceManager runat="server">
        <Listeners>
            <DocumentReady Handler="toggle('GroupTabPanel1__GroupTab2');" />
        </Listeners>
    </ext:ResourceManager>
    <ext:Viewport runat="server" Layout="BorderLayout">
        <Items>
            <ext:Panel runat="server" Region="West" Width="150">
                <Items>
                    <ext:Button runat="server" Text="Toogle 1 (client side)">
                        <Listeners>
                            <Click Handler="toggle('GroupTabPanel1__GroupTab1');" />
                        </Listeners>
                    </ext:Button>
                    <ext:Button runat="server" Text="Toogle 2 (client side)">
                        <Listeners>
                            <Click Handler="toggle('GroupTabPanel1__GroupTab2');" />
                        </Listeners>
                    </ext:Button>
                    <ext:Button runat="server" Text="Toogle 1 (server side)" OnDirectClick="Toogle1" />
                    <ext:Button runat="server" Text="Toogle 2 (server side)" OnDirectClick="Toogle2" />
                </Items>
            </ext:Panel>
            <ext:GroupTabPanel
                ID="GroupTabPanel1"
                runat="server"
                Region="Center"
                ActiveGroupIndex="0"
                TabWidth="150">
                <Groups>
                    <ext:GroupTab ID="GroupTab1" runat="server">
                        <Items>
                            <ext:Panel runat="server" Title="GroupTab1 Tab1" Html="GroupTab1 Tab1" />
                            <ext:Panel runat="server" Title="GroupTab1 Tab2" Html="GroupTab1 Tab2" />
                        </Items>
                    </ext:GroupTab>
                    <ext:GroupTab ID="GroupTab2" runat="server">
                        <Items>
                            <ext:Panel runat="server" Title="GroupTab2 Tab1" Html="GroupTab2 Tab1" />
                            <ext:Panel runat="server" Title="GroupTab2 Tab2" Html="GroupTab2 Tab2" />
                        </Items>
                    </ext:GroupTab>
                </Groups>
            </ext:GroupTabPanel>
        </Items>
    </ext:Viewport>
</body>
</html>
    Last edited by Daniil; Mar 08, 2012 at 8:24 AM.
  5. #15
    Sep 18, 2012, 6:44 PM
    Here is the same request for Ext.NET v2.
    http://forums.ext.net/showthread.php?21071
Page 2 of 2 FirstFirst 12

Similar Threads

  1. [FIXED] [1.2] GroupTabPanel selects all grouptabs on postback
    By yesuah in forum Bugs
    Replies: 4
    Last Post: Jan 12, 2012, 8:31 AM
  2. [CLOSED] [1.0] MVC Control Hiding
    By alliedwallet.com in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 27, 2010, 3:04 PM
  3. [CLOSED] Hiding CheckBoxGroups
    By iansriley in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Oct 26, 2010, 9:23 PM
  4. GroupTabs
    By sbarnes in forum 1.x Help
    Replies: 2
    Last Post: Aug 14, 2009, 12:18 AM
  5. [CLOSED] hiding a Tab on closing
    By prashobkumar in forum 1.x Help
    Replies: 4
    Last Post: Dec 10, 2008, 5:03 AM

Tags for this Thread

Posting Permissions