What's New?

[CLOSED] Close East Panel by Server side code

  1. #1
    Jul 11, 2013, 6:30 PM

    [CLOSED] Close East Panel by Server side code

    Hi Support Team,

    I use panel using east and center panel for my project.
    I want to know how I can close east panel by server side code.

    Currently the page looks like this.
    Click image for larger version.  Name: RaitTable.jpg  Views: 13  Size: 100.2 KB  ID: 6531

    I want to do it like below on server side code.
    Click image for larger version.  Name: RaitTable2.jpg  Views: 14  Size: 91.7 KB  ID: 6532
    Last edited by Daniil; Jul 16, 2013 at 4:27 AM. Reason: [CLOSED]
  2. #2
    Jul 11, 2013, 11:37 PM
    Hello!

    You should use Collapse method of the Panel:

    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    public void CollapseWest(object sender, DirectEventArgs e)
    {
        Navigation.Collapse();
    }
</script>

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Ext.NET Examples</title>
</head>
<body>
    <ext:ResourceManager runat="server" />

    
    <ext:Button 
        ID="Button1" 
        runat="server" 
        Text="Collapse" 
        Icon="Application">
        <DirectEvents>
            <Click OnEvent="CollapseWest"></Click>
        </DirectEvents>
    </ext:Button>
        
    <ext:Window 
        ID="Window1" 
        runat="server" 
        Title="Simple Layout" 
        Icon="Application"
        Width="600" 
        Height="350"
        Border="false" 
        Collapsible="true"
        Plain="true"
        Layout="BorderLayout">
        <Items>
            <ext:Panel 
                runat="server" 
                Region="West" 
                Collapsible="true" 
                MinWidth="175" 
                Split="true" 
                Width="175" 
                Title="Navigation"
                ID="Navigation" />
            <ext:TabPanel 
                runat="server" 
                Region="Center"
                ActiveTabIndex="0">
                <Items>
                    <ext:Panel 
                        ID="Tab1" 
                        runat="server" 
                        Title="First Tab" 
                        BodyPadding="6"
                        Html="First Tab"
                        />
                    <ext:Panel 
                        ID="Tab2" 
                        runat="server" 
                        Title="Another Tab" 
                        BodyPadding="6"
                        Html="Another Tab"
                        />
                    <ext:Panel 
                        ID="Tab3" 
                        runat="server" 
                        Title="Closeable Tab" 
                        Closable="true" 
                        BodyPadding="6"
                        Html="Closable Tab"
                        />
                </Items>
            </ext:TabPanel>
        </Items>
    </ext:Window>
</body>
</html>

Similar Threads

  1. Close Active TAB via on Server Side
    By jonasscalar in forum 1.x Help
    Replies: 6
    Last Post: Apr 03, 2012, 2:13 PM
  2. HOW TO GET GRID PANEL SELECTED ROW VALUES WITH CHECKBOX SELECTION MODEL using server side code
    By mehmood in forum 1.x Help
    Replies: 1
    Last Post: Mar 11, 2012, 3:03 AM
  3. Close window - client and server side
    By Hanza in forum 1.x Help
    Replies: 1
    Last Post: Aug 23, 2010, 2:00 PM
  4. [CLOSED] How to close a Ext Window from server side and refresh parent
    By GmServizi in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: Apr 15, 2010, 7:56 AM
  5. Close tab from server side
    By simonmicheal in forum 1.x Help
    Replies: 1
    Last Post: Oct 09, 2009, 2:59 PM

Posting Permissions