[CLOSED] Show/hide GridPanel columns during DirectEvent

  1. #1

    [CLOSED] Show/hide GridPanel columns during DirectEvent

    How can I show or hide columns in a GridPanel during a DirectEvent? I tried accessing the columns in the ColumnModel and setting the Hidden property, but they didn't change.
    Last edited by Daniil; Sep 20, 2010 at 8:51 PM. Reason: [CLOSED]
  2. #2
    Hi jmcantrell,

    Please use the SetHidden property of ColumnModel.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                Store store = this.GridPanel1.Store.Primary;
                store.DataSource = new object[] { 
                                             new object[] {"test11", "test12", "test13"},
                                             new object[] {"test21", "test22", "test23"},
                                             new object[] {"test31", "test32", "test33"}
                                    };
                store.DataBind();
            }
        }
    
        protected void Hide(object sender, DirectEventArgs e)
        {
            this.GridPanel1.ColumnModel.SetHidden(1, true);
        }
    
        protected void Show(object sender, DirectEventArgs e)
        {
            this.GridPanel1.ColumnModel.SetHidden(1, false);
        }
    </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>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
            <Store>
                <ext:Store runat="server">
                    <Reader>
                        <ext:ArrayReader>
                            <Fields>
                                <ext:RecordField Name="test1" />
                                <ext:RecordField Name="test2" />
                                <ext:RecordField Name="test3" />
                            </Fields>
                        </ext:ArrayReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:Column Header="Test1" DataIndex="test1" />
                    <ext:Column Header="Test2" DataIndex="test2" />
                    <ext:Column Header="Test3" DataIndex="test3" />
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
        <ext:Button runat="server" Text="Hide center column">
            <DirectEvents>
                <Click OnEvent="Hide" />
            </DirectEvents>
        </ext:Button>
        <ext:Button runat="server" Text="Show center column">
            <DirectEvents>
                <Click OnEvent="Show" />
            </DirectEvents>
        </ext:Button>
        </form>
    </body>
    </html>

    See also

    http://dev.sencha.com/deploy/dev/doc...mber=setHidden

Similar Threads

  1. [CLOSED] Hide columns item menù on gridpanel header
    By John_Writers in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 20, 2011, 12:54 PM
  2. [CLOSED] Show/hide trigger in triggerField during a DirectEvent
    By alainfo in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Apr 26, 2011, 7:25 AM
  3. GridPanel Hide/Show Columns
    By vs.mukesh in forum 1.x Help
    Replies: 1
    Last Post: Oct 30, 2010, 4:29 PM
  4. [CLOSED] gridpanel show/ hide header based on toolbar button
    By yobnet in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Sep 08, 2010, 12:41 PM
  5. [CLOSED] Show/Hide grid columns
    By GmServizi in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 28, 2010, 6:39 AM

Tags for this Thread

Posting Permissions