What's New?

[CLOSED] How add new menu header to gridpanel

  1. #1
    Aug 08, 2012, 2:37 PM

    [CLOSED] How add new menu header to gridpanel

    Hi,

    I'm using 
    <ext:GridPanel
    and i trying to add menu in header of column. And my gridpanel is feed with binding.

    I wonder if it is possible to add a menu as "asc accending" but named "save" and using a function written in the file. Cs, I work in C # in .asp.net

    Here's an example, here we see a new menu "Change view" , I'd do the same, if possible using the code in C # or Js.

    Click image for larger version.  Name: header.jpg  Views: 3  Size: 4.7 KB  ID: 4595

    I hope this post is well written and clear enough

    Thank you in advance
    Last edited by Daniil; Aug 09, 2012 at 10:38 AM. Reason: [CLOSED]
  2. #2
    Aug 08, 2012, 3:48 PM
    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.afterRenderUI = view.afterRenderUI.createSequence(function () {
                var me = this;

                me.hmenu.add(me.grid.bin);
            });
        };
    </script>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
        <Bin>
            <ext:MenuItem ID="MenuItem1" runat="server" Text="Custom Menu">
                <Menu>
                    <ext:Menu runat="server">
                        <Items>
                            <ext:MenuItem runat="server" Text="Item 1" />
                            <ext:MenuItem runat="server" Text="Item 2" />
                        </Items>
                    </ext:Menu>
                </Menu>
            </ext:MenuItem>
        </Bin>
        <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>
        <Listeners>
            <BeforeRender Fn="onBeforeRender" />
        </Listeners>
    </ext:GridPanel>
</body>
</html>
  3. #3
    Aug 09, 2012, 9:59 AM
    Hi,

    Thanks for your help.

    Please, mark as solved.

Similar Threads

  1. Add header menu in Gridpanel
    By benji in forum 1.x Help
    Replies: 0
    Last Post: Aug 08, 2012, 8:28 AM
  2. Adding Submenu on header menu from GridPanel
    By douglas in forum 1.x Help
    Replies: 0
    Last Post: Mar 06, 2012, 1:47 PM
  3. How to add a menuItem to GridPanel header menu?
    By zhangsir199 in forum 1.x Help
    Replies: 4
    Last Post: Mar 06, 2012, 1:39 PM
  4. [CLOSED] How disable 'Column' menu item in Column Header Menu of GridPanel
    By supera in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 22, 2012, 4:16 PM
  5. [CLOSED] How do I customize the menu in column header of gridpanel
    By leon_tang in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jul 22, 2011, 11:13 AM

Tags for this Thread

Posting Permissions