Nov 22, 2009, 10:02 AM
[CLOSED] [1.0] Problem in AccordionLayout, MenuPanel, MenuItem
Hi,
I'm trying to show an accordion menu like http://mvc.ext.net/ with Ext.Net 1.0.
I tried with code-behind and markup and isn't works, only shows panels under AccordionLayout/Items.
Thanks and sorry for my english!
I'm trying to show an accordion menu like http://mvc.ext.net/ with Ext.Net 1.0.
I tried with code-behind and markup and isn't works, only shows panels under AccordionLayout/Items.
Thanks and sorry for my english!
<ext:AccordionLayout ID="wmAccordion1" runat="server" Animate="true">
<Items>
<ext:Panel ID="acReports" runat="server" Border="false" Collapsed="true" Title="Reports">
<Content>
<ext:FitLayout runat="server"><Items>
<ext:MenuPanel runat="server" Border="false" SaveSelection="false" Cls="white-menu">
<Menu>
<Items>
<ext:MenuItem ID="mnCustomerAddressBook" runat="server" Text="Customer Address Book" Icon="Report">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Report/CustomerAddressBook/" Mode="Value" />
</CustomConfig>
</ext:MenuItem>
<ext:MenuItem runat="server" Text="Total Sales By Employee" Icon="ChartBar">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Chart/TotalByEmployee/" Mode="Value" />
<ext:ConfigItem Name="passParentSize" Value="true" Mode="Raw" />
</CustomConfig>
</ext:MenuItem>
<ext:MenuItem runat="server" Text="Product Sales By Category" Icon="ChartBar">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Chart/ProductSalesByCategory/" Mode="Value" />
</CustomConfig>
</ext:MenuItem>
</Items>
<Listeners>
<ItemClick Handler="Northwind.addTab({ title: menuItem.text, url: menuItem.url, icon: menuItem.iconCls, passParentSize: menuItem.passParentSize});" />
</Listeners>
</Menu>
</ext:MenuPanel>
</Items> </ext:FitLayout>
</Content>
</ext:Panel>
<ext:Panel ID="acCustomers" runat="server" Border="false" Collapsed="true" Title="Customers & Orders">
<Content>
<ext:FitLayout runat="server"><Items>
<ext:MenuPanel runat="server" Border="false" SaveSelection="false" Cls="white-menu">
<Menu>
<Items>
<ext:MenuItem runat="server" Text="Top Ten Orders by Sales Amount" Icon="ApplicationDouble">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Customer/TopTenOrdersBySalesAmount/" Mode="Value" />
</CustomConfig>
</ext:MenuItem>
<ext:MenuItem runat="server" Text="Customer Details" Icon="ApplicationForm">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Customer/CustomerDetails/" Mode="Value" />
</CustomConfig>
</ext:MenuItem>
<ext:MenuItem ID="mnCustomerList" runat="server" Text="Customer List" Icon="ApplicationForm">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Customer/CustomerList/" Mode="Value" />
</CustomConfig>
</ext:MenuItem>
<%--<ext:MenuItem ID="wmMenuItem4" runat="server" Text="Order Details" Icon="ApplicationForm">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Order/OrderDetails/" Mode="Value" />
</CustomConfig>
</ext:MenuItem>--%>
<ext:MenuItem ID="mnOrderList" runat="server" Text="Order List" Icon="ApplicationForm">
<CustomConfig>
<ext:ConfigItem Name="url" Value="/Order/OrderList/" Mode="Value" />
</CustomConfig>
</ext:MenuItem>
</Items>
<Listeners>
<ItemClick Handler="Northwind.addTab({ title: menuItem.text, url: menuItem.url, icon: menuItem.iconCls });" />
</Listeners>
</Menu>
</ext:MenuPanel>
</Items> </ext:FitLayout>
</Content>
</ext:Panel>
<ext:Panel ID="wmPanel2" runat="server" Border="false" Collapsed="true" Title="Inventory & Purchasing">
<Content>
<ext:FitLayout runat="server"><Items>
<ext:MenuPanel runat="server" Border="false" SaveSelection="false" Cls="white-menu">
<Menu>
<Items>
<ext:MenuItem runat="server" Text="Coming Soon" Icon="ApplicationForm" />
<%--<ext:MenuItem ID="wmMenuItem6" runat="server" Text="Inventory List" Icon="ApplicationForm" />
<ext:MenuItem ID="wmMenuItem7" runat="server" Text="Product Details" Icon="ApplicationForm" />
<ext:MenuItem ID="wmMenuItem8" runat="server" Text="Purchase Order Details" Icon="ApplicationForm" />
<ext:MenuItem ID="wmMenuItem9" runat="server" Text="Purchase Order List" Icon="ApplicationForm" />--%>
</Items>
</Menu>
</ext:MenuPanel>
</Items> </ext:FitLayout>
</Content>
</ext:Panel>
<ext:Panel ID="wmPanel3" runat="server" Border="false" Collapsed="true" Title="Suppliers">
<Content>
<ext:FitLayout runat="server"><Items>
<ext:MenuPanel runat="server" Border="false" SaveSelection="false" Cls="white-menu">
<Menu>
<Items>
<ext:MenuItem runat="server" Text="Coming Soon" Icon="ApplicationForm" />
<%--<ext:MenuItem ID="wmMenuItem10" runat="server" Text="Supplier Details" Icon="ApplicationForm" />
<ext:MenuItem ID="wmMenuItem11" runat="server" Text="Supplier List" Icon="ApplicationForm" />--%>
</Items>
</Menu>
</ext:MenuPanel>
</Items> </ext:FitLayout>
</Content>
</ext:Panel>
<ext:Panel ID="wmPanel4" runat="server" Border="false" Collapsed="true" Title="Shippers">
<Content>
<ext:FitLayout runat="server"><Items>
<ext:MenuPanel runat="server" Border="false" SaveSelection="false" Cls="white-menu">
<Menu>
<Items>
<ext:MenuItem runat="server" Text="Coming Soon" Icon="ApplicationForm" />
<%--<ext:MenuItem ID="wmMenuItem12" runat="server" Text="Shipper Details" Icon="ApplicationForm" />
<ext:MenuItem ID="wmMenuItem13" runat="server" Text="Shipper List" Icon="ApplicationForm" />--%>
</Items>
</Menu>
</ext:MenuPanel>
</Items> </ext:FitLayout>
</Content>
</ext:Panel>
<%--<ext:Pa nel ID="wmPanel5" runat="server" Border="false" Collapsed="true" Title="Reports" Cls="white-menu">
</ext:Panel>--%>
<ext:Panel ID="wmPanel6" runat="server" Border="false" Collapsed="true" Title="Employees">
<Content>
<ext:FitLayout runat="server"><Items>
<ext:MenuPanel runat="server" Border="false" SaveSelection="false" Cls="white-menu">
<Menu>
<Items>
<ext:MenuItem runat="server" Text="Coming Soon" Icon="ApplicationForm" />
<%--<ext:MenuItem ID="wmMenuItem14" runat="server" Text="Employee Details" Icon="ApplicationForm" />
<ext:MenuItem ID="wmMenuItem15" runat="server" Text="Employee List" Icon="ApplicationForm" />--%>
</Items>
</Menu>
</ext:MenuPanel>
</Items> </ext:FitLayout>
</Content>
</ext:Panel>
</Items>
</ext:AccordionLayout>