What's New?

Toolbar in Topbar with two rows - How to ?

  1. #1
    Sep 24, 2015, 8:45 AM

    Toolbar in Topbar with two rows - How to ?

    Hi all,
    it's possible to make a Toolbar with two (or more) rows into a GridPanel's Toolbar?

    Silly example:

    <ext:GridPanel ID="m_GridPanel" runat="server" Title="GridPanel">

	<TopBar>
		<ext:Toolbar ID="m_Toolbar" runat="server" >
			<Items>		

				<%-- First Row --%>
				<ext:Button ID="m_Button_1" runat="server" />
				<%-- ... and others controls --%>

				<%-- Second Row --%>
				<ext:Button ID="m_Button_2" runat="server" />
				<%-- ... and others controls --%>

			</Items>
		</ext:Toolbar>
	</TopBar>

	...

</ext:GridPanel>
  2. #2
    Sep 24, 2015, 12:32 PM
    Hi @thece,

    I would recommend this approach.

    Example
    <%@ Page Language="C#" %>

<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[] { "test", "test" },
                new object[] { "test", "test" },
                new object[] { "test", "test" }
            };
        }
    }
</script>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:GridPanel ID="GridPanel1" runat="server">
            <DockedItems>
                <ext:Toolbar runat="server" Dock="Top">
                    <Items>
                        <ext:Button runat="server" Text="Button 1" />
                        <ext:Button runat="server" Text="Button 2" />
                    </Items>
                </ext:Toolbar>
                <ext:Toolbar runat="server" Dock="Top">
                    <Items>
                        <ext:Button runat="server" Text="Button 3" />
                        <ext:Button runat="server" Text="Button 4" />
                    </Items>
                </ext:Toolbar>
            </DockedItems>
            <Store>
                <ext:Store runat="server">
                    <Model>
                        <ext:Model runat="server">
                            <Fields>
                                <ext:ModelField Name="test1" />
                                <ext:ModelField Name="test2" />
                            </Fields>
                        </ext:Model>
                    </Model>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:Column runat="server" Text="Test 1" DataIndex="test1" />
                    <ext:Column runat="server" Text="Test 2" DataIndex="test2" />
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
    </form>
</body>
</html>
  3. #3
    Sep 24, 2015, 1:29 PM
    Hi Daniil,
    your approach works very good

    Thanks thanks thanks

    :-D

Similar Threads

  1. [CLOSED] How to add 2 toolbar in GridPanel TopBar?
    By aditya in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Nov 15, 2013, 2:47 PM
  2. [CLOSED] replacing topBar (toolbar) of Panel
    By supera in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 15, 2013, 4:28 PM
  3. [CLOSED] GridPanel.Rows.Changing Background Color of Rows
    By supera in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 01, 2012, 5:18 PM
  4. [CLOSED] Border layout with a toolbar in the centre section, the toolbar floats at the top? How can I stop this...
    By sadaf in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 07, 2011, 9:39 AM
  5. [FIXED] [0.8.2] Toolbar and Topbar
    By Timothy in forum Bugs
    Replies: 2
    Last Post: Oct 12, 2009, 11:11 AM

Posting Permissions