What's New?

[CLOSED] Columns Hidden = "True"

  1. #1
    May 27, 2011, 12:41 PM

    [CLOSED] Columns Hidden = "True"

    I'm having a problem in GridPanel
    When I create columns with the parameter "Hidden = " True "
    The Button ID = "ClearFilterButton"does not appear on the screen.
    How to overcome this problem?

    <ext:GridPanel ID="grdMaster" runat="server" StripeRows="true" Border="false" Height="212"
                AutoExpandColumn="DS_CAMPO" AutoExpandMin="50">
                <Store>
                    <ext:Store runat="server" ID="StoreGrdMaster" OnRefreshData="Store_RefreshGrdMaster">
                        <Reader>
                            <ext:JsonReader IDProperty="IdJsonReader">
                                <Fields>
                                    <ext:RecordField Name="Ds_campo" />
                                    <ext:RecordField Name="Ds_operacao" />
                                </Fields>
                            </ext:JsonReader>
                        </Reader>
                    </ext:Store>
                </Store>
                <ColumnModel ID="ColumnModel1" runat="server">
                    <Columns>
                        <ext:Column ColumnID="DS_CAMPO" Header="Campo" DataIndex="Ds_campo" />
                        <ext:Column ColumnID="DS_OPERACAO" Header="Operação" DataIndex="Ds_operacao" Hidden="True"
                            Hideable="false" />
                        <ext:Column Width="25" DataIndex="DS_CAMPO" Sortable="false" MenuDisabled="true"
                            Header="&nbsp;" Fixed="true" Hideable="false">
                            <Renderer Handler="return '';" />
                        </ext:Column>
                    </Columns>
                </ColumnModel>
                <View>
                    <ext:GridView ID="GridView1" runat="server">
                        <HeaderRows>
                            <ext:HeaderRow>
                                <Columns>
                                    <ext:HeaderColumn Cls="x-small-editor">
                                        <Component>
                                            <ext:TextField ID="FilterDs_campo" runat="server" EnableKeyEvents="true">
                                                <Listeners>
                                                    <KeyUp Handler="applyFilter(this, #{ClearFilterButton});" Buffer="250" />
                                                </Listeners>
                                            </ext:TextField>
                                        </Component>
                                    </ext:HeaderColumn>
                                    <ext:HeaderColumn Cls="x-small-editor">
                                        <Component>
                                            <ext:TextField ID="FilterDs_operacao" runat="server" EnableKeyEvents="true">
                                                <Listeners>
                                                    <KeyUp Handler="applyFilter(this, #{ClearFilterButton});" Buffer="250" />
                                                </Listeners>
                                            </ext:TextField>
                                        </Component>
                                    </ext:HeaderColumn>
                                    <ext:HeaderColumn AutoWidthElement="false">
                                        <Component>
                                            <ext:Button ID="ClearFilterButton" runat="server" IconCls="CssExtClearFilterButton-d">
                                                <ToolTips>
                                                    <ext:ToolTip ID="ToolTip1" runat="server" Html="Limpar filtro" />
                                                </ToolTips>
                                                <Listeners>
                                                    <Click Handler="clearFilter(null);" />
                                                </Listeners>
                                            </ext:Button>
                                        </Component>
                                    </ext:HeaderColumn>
                                </Columns>
                            </ext:HeaderRow>
                        </HeaderRows>
                    </ext:GridView>
                </View>
            </ext:GridPanel>
    Last edited by Daniil; May 27, 2011 at 2:26 PM. Reason: [CLOSED]
  2. #2
    May 27, 2011, 12:55 PM
    Hi,

    I can't reproduce.

    Here is my test case.

    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[] { "test12", "test22", "test23" },
                new object[] { "test13", "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" Hidden="true" Hideable="false" />
                <ext:Column Header="Test3" DataIndex="test3" />
            </Columns>
        </ColumnModel>
        <View>
            <ext:GridView ID="GridView1" runat="server">
                <HeaderRows>
                    <ext:HeaderRow>
                        <Columns>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:TextField runat="server" />
                                </Component>
                            </ext:HeaderColumn>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:TextField runat="server" />
                                </Component>
                            </ext:HeaderColumn>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:Button  runat="server" Text="Clear" />
                                </Component>
                            </ext:HeaderColumn>
                        </Columns>
                    </ext:HeaderRow>
                </HeaderRows>
            </ext:GridView>
        </View>
    </ext:GridPanel>
    </form>
</body>
</html>
  3. #3
    May 27, 2011, 2:01 PM
    Quote Originally Posted by Daniil View Post
    Hi,

    I can't reproduce.

    Here is my test case.

    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[] { "test12", "test22", "test23" },
                new object[] { "test13", "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" Hidden="true" Hideable="false" />
                <ext:Column Header="Test3" DataIndex="test3" />
            </Columns>
        </ColumnModel>
        <View>
            <ext:GridView ID="GridView1" runat="server">
                <HeaderRows>
                    <ext:HeaderRow>
                        <Columns>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:TextField runat="server" />
                                </Component>
                            </ext:HeaderColumn>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:TextField runat="server" />
                                </Component>
                            </ext:HeaderColumn>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:Button  runat="server" Text="Clear" />
                                </Component>
                            </ext:HeaderColumn>
                        </Columns>
                    </ext:HeaderRow>
                </HeaderRows>
            </ext:GridView>
        </View>
    </ext:GridPanel>
    </form>
</body>
</html>
    Thus the problem happens

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Sispro.Ut.Geral.PL.SUtLogW500.Views.WebForm1" %>

<%@ 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[] { "test12", "test22", "test23" },
                new object[] { "test13", "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 id="Head1" runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
        <Store>
            <ext:Store ID="Store1" 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 ID="ColumnModel1" runat="server">
            <Columns>
                <ext:Column Header="Test1" DataIndex="test1" />
                <ext:Column Header="Test2" DataIndex="test2" />
                <ext:Column Header="Test3" DataIndex="test3" Hidden="true" Hideable="false" />
                <ext:Column Width="28" DataIndex="test1" Sortable="false" MenuDisabled="true"
                    Header="&nbsp;" Fixed="true" Hideable="false">
                    <Renderer Handler="return '';" />
                </ext:Column>
            </Columns>
        </ColumnModel>
        <View>
            <ext:GridView ID="GridView1" runat="server">
                <HeaderRows>
                    <ext:HeaderRow>
                        <Columns>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:TextField ID="TextField1" runat="server" />
                                </Component>
                            </ext:HeaderColumn>
                            <ext:HeaderColumn>
                                <Component>
                                    <ext:TextField ID="TextField2" runat="server" />
                                </Component>
                            </ext:HeaderColumn>
                            <%--<ext:HeaderColumn>
                                <Component>
                                    <ext:Button ID="Button1"  runat="server" Text="Clear" />
                                </Component>
                            </ext:HeaderColumn>--%>
                            <ext:HeaderColumn AutoWidthElement="false">
                                <Component>
                                    <ext:Button ID="ClearFilterButton" runat="server" Icon="Cancel">
                                        <ToolTips>
                                            <ext:ToolTip ID="ToolTip1" runat="server" Html="Limpar filtro" />
                                        </ToolTips>
                                        <Listeners>
                                            <Click Handler="clearFilter(null);" />
                                        </Listeners>
                                    </ext:Button>
                                </Component>
                            </ext:HeaderColumn>
                        </Columns>
                    </ext:HeaderRow>
                </HeaderRows>
            </ext:GridView>
        </View>
    </ext:GridPanel>
    </form>
</body>
</html>
  4. #4
    May 27, 2011, 2:18 PM
    Well, it's expected behavior.

    You can set an additional empty HeaderColumn before that one with the button.
    <ext:HeaderColumn />
  5. #5
    May 27, 2011, 2:23 PM
    Quote Originally Posted by Daniil View Post
    Well, it's expected behavior.

    You can set an additional empty HeaderColumn before that one with the button.
    <ext:HeaderColumn />
    Ok, solved, thanks.

Similar Threads

  1. [CLOSED] Hidden="true" behaves as Visible="false"
    By marco.morreale in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 28, 2012, 3:17 PM
  2. [CLOSED] Ext.net v2 Beta release: Panel collapsed with CollapseMode="Mini" and Split="true"
    By supera in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 02, 2012, 5:37 PM
  3. [CLOSED] Best practice clearing filters when Stateful="true"
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 24, 2012, 2:23 PM
  4. [CLOSED] DropDownField with Grow="true" and GrowMax="xxx"
    By deejayns in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jan 12, 2012, 12:00 PM
  5. [CLOSED] Save File dialogbox coming when IsUPload="true"
    By webppl in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: May 17, 2011, 10:35 AM

Posting Permissions