What's New?

[CLOSED] hide HeaderGroupColumn

  1. #1
    Oct 04, 2010, 8:41 AM

    [CLOSED] hide HeaderGroupColumn

    you can, or can I just hide a single column?
    Last edited by Daniil; Oct 04, 2010 at 4:24 PM. Reason: [CLOSED]
  2. #2
    Oct 04, 2010, 10:35 AM
    Hi,

    Please look at the example.

    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.GetStore();
            store.DataSource = new object[] { 
                                         new object[] {"test11", "test12", "test13"},
                                         new object[] {"test21", "test22", "test23"},
                                         new object[] {"test31", "test32", "test33"}
                                };
            store.DataBind();
        }
    }
</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>
        <View>
            <ext:GridView runat="server">
                <HeaderGroupRows>
                    <ext:HeaderGroupRow>
                        <Columns>
                            <ext:HeaderGroupColumn Header="Column 1" ColSpan="1" />
                            <ext:HeaderGroupColumn Header="Column 2" ColSpan="2" />
                        </Columns>
                    </ext:HeaderGroupRow>
                </HeaderGroupRows>
            </ext:GridView>
        </View>
    </ext:GridPanel>
    <ext:Button runat="server" Text="Toggle visibility of the first group column">
        <Listeners>
            <Click Handler="var gcell = Ext.get(GridPanel1.el.select('.x-grid3-gcell').elements[0]);
                            gcell.setVisible(!gcell.isVisible())"/>
        </Listeners>
    </ext:Button>
    <ext:Button runat="server" Text="Toggle visibility of the second group column">
        <Listeners>
            <Click Handler="var gcell = Ext.get(GridPanel1.el.select('.x-grid3-gcell').elements[1]);
                            gcell.setVisible(!gcell.isVisible())"/>
        </Listeners>
    </ext:Button>
    </form>
</body>
</html>
  3. #3
    Oct 04, 2010, 11:30 AM
    To hide a whole column please use code like this:

    Example
    grid.getColumnModel().setHidden(columnIndex, true)
    See also
    http://dev.sencha.com/deploy/dev/doc...mber=setHidden
  4. #4
    Oct 04, 2010, 12:38 PM
    ok this is a solution.
    or you can have two colummodel on a grid?

     
<ext:GridPanel ID="GridPanel1" runat="server" StripeRows="true" Title="Array Grid"
Width="600" Height="290" AutoExpandColumn="Company" SelectionMemory="Enabled">
<Store>
<ext:Store ID="Store1" runat="server" OnRefreshData="MyData_Refresh">
<Reader>
<ext:ArrayReader IDProperty="company">
<Fields>
<ext:RecordField Name="company" />
<ext:RecordField Name="price" Type="Float" />
<ext:RecordField Name="change" Type="Float" />
<ext:RecordField Name="pctChange" Type="Float" />
<ext:RecordField Name="lastChange" Type="Date" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:RowNumbererColumn />
<ext:Column ColumnID="Company" Header="Company" Width="160" DataIndex="company" />
<ext:Column Header="Price" Width="75" DataIndex="price" />
<ext:Column Header="Change" Width="75" DataIndex="change" />
<ext:Column Header="Change" Width="75" DataIndex="pctChange" />
<ext:DateColumn Header="Last Updated" Width="85" DataIndex="lastChange" Format="H:mm:ss" />
</Columns>
</ColumnModel>
 
<ColumnModel ID="ColumnModel2" runat="server">
<Columns>
 
<ext:Column Header="Price" Width="75" DataIndex="price" />
<ext:Column Header="Change" Width="75" DataIndex="change" />
<ext:Column Header="Change" Width="75" DataIndex="pctChange" />
<ext:DateColumn Header="Last Updated" Width="85" DataIndex="lastChange" Format="H:mm:ss" />
</Columns>
</ColumnModel>
</ext:GridPanel>
  5. #5
    Oct 04, 2010, 2:45 PM
    No, there is only one column model at the same time.

    But you can dynamically change it. Please investigate these examples.

    https://examples1.ext.net/#/GridPane...Change_Models/
    https://examples1.ext.net/#/GridPane...l/Reconfigure/

Similar Threads

  1. HeaderGroupColumn Hiding
    By cwolcott in forum 1.x Help
    Replies: 3
    Last Post: Jan 03, 2012, 5:00 PM
  2. Row spanned HeaderGroupColumn.
    By Sergey Leskov in forum 1.x Help
    Replies: 3
    Last Post: Aug 26, 2011, 12:00 PM
  3. [CLOSED] HeaderGroupColumn and column grouping
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 27, 2010, 4:35 PM
  4. Add controls to headergroupcolumn
    By Birgit in forum 1.x Help
    Replies: 3
    Last Post: Nov 26, 2010, 7:51 AM
  5. [CLOSED] label.Hide() does not hide FieldLabel
    By alexp in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 12, 2010, 9:05 PM

Posting Permissions