[CLOSED] Grid Header & HeaderMenu

  1. #1

    [CLOSED] Grid Header & HeaderMenu

    Hi,

    In my application I've a column without header text and this column appears in header menu to allow users to hide it.
    Click image for larger version. 

Name:	gridHeader.JPG 
Views:	236 
Size:	44.1 KB 
ID:	3873

    Is there any way to change the text in the menu showing any text?
    Last edited by Daniil; Mar 01, 2012 at 3:32 PM. Reason: [CLOSED]
  2. #2
    Hi,

    I can suggest the following solution.

    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[] { "test1", "test2", "test3" },
                    new object[] { "test4", "test5", "test6" },
                    new object[] { "test7", "test8", "test9" },
                };
                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>
    
        <script type="text/javascript">
            var onBeforeRender = function (grid) {
                var view = grid.getView();
    
                
                view.beforeColMenuShow = view.beforeColMenuShow.createSequence(function () {
                    var colMenu = this.colMenu;
    
                    colMenu.items.each(function (item) {
                        if (item.itemId.substr(4) === "ColumnWithoutHeader") {
                            item.setText("ColumnWithoutHeader");
                        }
                    });
                });
            };
        </script>
    </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 ColumnID="ColumnWithoutHeader" DataIndex="test2" />
                    </Columns>
                </ColumnModel>
                <Listeners>
                    <BeforeRender Fn="onBeforeRender" />
                </Listeners>
            </ext:GridPanel>
        </form>
    </body>
    </html>
  3. #3
    It works!

    Thanks a lot
  4. #4
    Ext.NET v2 related discussion.
    http://forums.ext.net/showthread.php?19582

Similar Threads

  1. Replies: 4
    Last Post: Jul 13, 2012, 7:47 PM
  2. [CLOSED] Grid Header & HeaderMenu (v2)
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 18, 2012, 1:06 PM
  3. Replies: 16
    Last Post: Feb 23, 2011, 10:03 AM
  4. Problem about gridpanel headerMenu columns height
    By zhangsir199 in forum 1.x Help
    Replies: 0
    Last Post: Nov 17, 2010, 3:04 AM
  5. Replies: 9
    Last Post: Apr 27, 2009, 3:19 PM

Tags for this Thread

Posting Permissions