[SOLVED] Problem loading MenuItems in MenuPanel in EXt.net 1.0
New Community Forums available at http://forums.ext.net
 

Coolite Forums

Welcome Guest ( Login | Register )
 
[SOLVED] Problem loading MenuItems in...
Subscribe
Last Login: 6/8/2010 5:34:57 PM
Posts: 91,
Posted 3/9/2010 12:11:37 PM

Group: Coolite Premium Member & Early Adopter
Hi I am having problems loading MenuItem in the menupanel. Please see the code below. The browser is not giving any errors however the menuitems are not being displayed.

Any suggestions Please

<ext:Viewport ID="Viewport1" runat="server">
    <Items>
        <ext:BorderLayout ID="BorderLayout1" runat="server">
        
            <North Margins-Bottom="4">
            
                <ext:Toolbar ID="tbHeader" runat="server">
                    <Items>
                        <ext:Image runat="server"  Align="Left" Height="16" Width="16"  ImageUrl="~/Resources/Images/symsureicon.ico"  LabelSeparator="|" />
                        <ext:Label ID="LblTitle" runat="server" Html="&nbsp;SymSure Monitor" />
                        <ext:ToolbarFill ID="fill1" runat="server" />
                        <ext:Button ID="BtnName" runat="server" Icon="StatusOnline" Text="Username" AutoDataBind="true">
                            <Menu>
                                <ext:Menu ID="menu1" runat="server">
                                    <Items>
                                        <ext:MenuItem ID="menuProfile" Text="Profile" Icon="Magnifier" Enabled="false" />
                                        <ext:MenuItem ID="menuOptions" Text="Options" Icon="Wrench">
                                            <Menu>
                                                <ext:Menu ID="menu3" runat="server">
                                                    <Items>
                                                        <ext:MenuItem ID="menuTheme" Text="Choose a Theme...">
                                                            <Menu>
                                                                <ext:Menu ID="menu4" runat="server">
                                                                    <Items>
                                                                        <ext:MenuItem ID="menuDefault" Text="Default">
                                                                            <Listeners>
                                                                                <Click Handler="Coolite.Ext.setTheme('/extjs/resources/css/ext-all-embedded-css/coolite.axd');" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                        <ext:MenuItem ID="MenuItem1" Text="Gray">
                                                                            <Listeners>
                                                                                <Click Handler="Coolite.Ext.setTheme('/extjs/resources/css/xtheme-gray-embedded-css/coolite.axd');" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                        <ext:MenuItem ID="MenuItem2" Text="Slate">
                                                                            <Listeners>
                                                                                <Click Handler="Coolite.Ext.setTheme('/extjs/resources/css/xtheme-slate-embedded-css/coolite.axd');" />
                                                                            </Listeners>
                                                                        </ext:MenuItem>
                                                                    </Items>
                                                                </ext:Menu>
                                                            </Menu>
                                                        </ext:MenuItem>
                                                    </Items>
                                                </ext:Menu>
                                            </Menu>
                                        </ext:MenuItem>
                                    </Items>
                                </ext:Menu>
                            </Menu>
                        </ext:Button>
                        <ext:Button ID="btnHelp" runat="server" Icon="Help" Text="Help">
                            <Menu>
                                <ext:Menu ID="menu2" runat="server">
                                    <Items>
                                        <ext:MenuItem ID="menuReport" Text="Report a Defect" Icon="Bug">
                                            <Listeners>
                                            </Listeners>
                                        </ext:MenuItem>
                                        <ext:MenuItem ID="menuAbout" Text="About" Icon="Information">
                                            <Listeners>
                                               
                                            </Listeners>
                                        </ext:MenuItem>
                                    </Items>
                                </ext:Menu>
                            </Menu>
                        </ext:Button>
                        <ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server" />
                        <ext:Button ID="btnLogout" runat="server" Icon="LockGo" Text="Logout">
                            <DirectEvents>
                                <Click OnEvent="btnLogout_Click">
                                    <EventMask ShowMask="true" />
                                </Click>

                            </DirectEvents>
                        </ext:Button>
                    </Items>
                </ext:Toolbar>                    
            </North>
            <West Split="true" Collapsible="true" CollapseMode="Default" MarginsSummary="0 0 4 4"  >
                <ext:Panel ID="panelWestMenu" runat="server" Width="225" Title="Dashboards">
                    <Content>
                    <ext:RowLayout ID="RowLayout1"  runat="server">
                        <Rows>
                          <ext:LayoutRow RowHeight="0.33">  
                                <ext:Panel ID="PanelDashboards"  runat="server" Width="225" Height="425" >
                                    <Items>
                                             <ext:MenuPanel Title="here" ID="MenuPanelDashboards" runat="server" Border="false" SaveSelection="true">
                                               <Menu runat="server" ID="MenuDashboards"  >
                                                   <Items>
                                                        <ext:MenuItem ID="MenuItemMyIssues" runat="server"  Text="My Issues"  IconCls="custom-MyIssuesDBIcon">
                                                        <CustomConfig>
                                                            <ext:ConfigItem Name="url" Value="../AUF/Dashboards/UserDashboard.aspx"  Mode="Value"  />
                                                        </CustomConfig>
                                                        </ext:MenuItem>
                                                        
                                                        <ext:MenuItem ID="MenuItemAdoptionDashboard" runat="server" Text="Adoption" IconCls="custom-AdoptionDBIcon">
                                                        <CustomConfig>
                                                            <ext:ConfigItem Name="url" Value="../AUF/Reports/ReportsSummary.aspx" Mode="Value"  />
                                                        </CustomConfig>
                                                        </ext:MenuItem>

                                                        <ext:MenuItem ID="MenuItemComparativeDashboard" runat="server" Text="Comparative" IconCls="custom-ComparativeDBIcon">
                                                        <CustomConfig>
                                                        <ext:ConfigItem Name="passParentSize" Value="true" Mode="Raw" />
                                                        </CustomConfig>
                                                        </ext:MenuItem>

                                                        <ext:MenuItem ID="MenuItemIssuesDashboard" runat="server" Text="Issues" IconCls="custom-IssuesDBIcon">
                                                        <CustomConfig>
                                                        </CustomConfig>
                                                        </ext:MenuItem>
                                                        
                                                        <ext:MenuItem ID="MenuItemProcessDashboard" runat="server" Text="Process" IconCls="custom-ProcessDBIcon">
                                                        <CustomConfig>
                                                        </CustomConfig>
                                                        </ext:MenuItem>
                                                 </Items>
                                                    <Listeners>
                                                            <ItemClick  Handler="SymSureTabs.addTab(#{tpMain},menuItem.text,'userDashBoard',menuItem.url, menuItem.passParentSize,menuItem.iconCls);" />
                                                    </Listeners>
                                            </Menu>
                                        </ext:MenuPanel>
                                    </Items>
                                </ext:Panel>
                           </ext:LayoutRow>    
                                                    
                           <ext:LayoutRow RowHeight="0.33">                             
                                <ext:Panel ID="Panel4" runat="server" Title="Exports" Width="225">
                                    <Content>
                                        <ucWestExportView:WestExportView runat="server" ID="WestExportView" />
                                    </Content>
                                </ext:Panel>
                          </ext:LayoutRow>                             
                         
                          <ext:LayoutRow RowHeight="0.33">                             
                                <ext:Panel ID="Panel1" runat="server" Title="Exports" Width="225">
                                    <Content>
                                        <ucWestExportView:WestExportView runat="server" ID="WestExportView1" />
                                    </Content>
                                    </ext:Panel>
                         </ext:LayoutRow>
                      </Rows>   
                     </ext:RowLayout >
                     
                    </Content>
                </ext:Panel>
            </West>
            <Center Collapsible="false"  MarginsSummary="0 0 4 0">
                <ext:TabPanel ID="tpMain" runat="server"  EnableTabScroll="true">
                    <Items>
                            <ext:Panel
                                ID="TabHome"
                                runat="server"
                                Title="Home"
                                Icon="ApplicationForm"
                                Border="false"
                                Header="false">
                            </ext:Panel>                           
                        </Items>
                    <Plugins>
                        <ext:TabCloseMenu ID="TabCloseMenu1" runat="server" />
                    </Plugins>
                </ext:TabPanel>
            </Center>
          </ext:BorderLayout>
    </Items>
</ext:Viewport>
Last Login: 7/5/2010 10:10:13 AM
Posts: 7,853,
Posted 3/9/2010 12:45:36 PM

Group: Core Development Team
Hi,

Add Layout="Fit" to the PanelDashboards or remove PanelDashboards and place MenuPanel directly to the LayoutRow 

--
Vladimir Shcheglov
Coolite Inc.
Development Team
Forum Guidelines | Coolite Examples | Coolite API Docs | ExtJS API Docs | Twitter
Last Login: 6/8/2010 5:34:57 PM
Posts: 91,
Posted 3/9/2010 2:46:51 PM

Group: Coolite Premium Member & Early Adopter
 Thanks alot vladsch,  got it working now.


« Prev Topic | Next Topic »
Reading This Topic
Active Users: 0 ( 0 guests, 0 members, 0 anonymous members )
No members currently viewing this topic.
All times are GMT -5:00, Time now is 8:41pm