2011-10-20 157 views
4

我試圖做一個DropDownList菜單使用此代碼:DropDownList的菜單:菜單項

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
    <Items> 
     <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף הבית"/> 
     <asp:MenuItem NavigateUrl="~/About.aspx" Text="עלינו"/> 
    </Items> 
</asp:Menu> 

有誰知道這裏如何使項目從「דףהבית」子菜單上?

答案我發現:

<Items> 
    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף בית"> 
    <asp:MenuItem NavigateUrl="#" Text="סך הבית 2"></asp:MenuItem> 
    <asp:MenuItem NavigateUrl ="#" Text = "סך הבית 3"></asp:MenuItem> 
    </asp:MenuItem> 

    <asp:MenuItem NavigateUrl="~/About.aspx" Text="הרעיון הכללי"/> 
    <asp:MenuItem NavigateUrl="~/programs.aspx" Text="התוכנות והתוספים של האתר" /> 
    <asp:MenuItem NavigateUrl="~/crew.aspx" Text="צוות?" /> 
</Items> 

回答

4

你可以只讓MenuItem控制不是自閉,和嵌入子菜單(下拉)裏面的物品。就像這樣:

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
    <Items> 
     <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף הבית"> 
      <asp:MenuItem NavigateUrl="~/Page1.aspx" Text="Page1"> 
      <asp:MenuItem NavigateUrl="~/Page2.aspx" Text="Page2"> 
     </asp:MenuItem> 
     <asp:MenuItem NavigateUrl="~/About.aspx" Text="עלינו"/> 
    </Items> 
</asp:Menu> 

在上面的例子中「第1頁」和「第2頁」將降低由「דףהבית」下降。有一些很好的例子/解釋here on MSDN

公平的警告,這些控件可能有點難以風格。所以,如果你想要更多的靈活性/控制,我會建議使用CSS使你的菜單(如果你需要它的JavaScript)與HTML無序列表(ul

+0

這是行不通的。你能再檢查一次嗎? –

+0

沒關係。我找到了方法,java scipt和這個工作是一樣的。 –

+0

@AlonM很高興爲你效勞。祝你好運! – jadarnel27

2

試試這個:

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
<Items> 
    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף הבית"> 
     <asp:MenuItem NavigateUrl="~/Page1.aspx" Text="Page1"/> 
     <asp:MenuItem NavigateUrl="~/Page2.aspx" Text="Page2"/> 
    </asp:MenuItem> 
    <asp:MenuItem NavigateUrl="~/About.aspx" Text="עלינו"/> 
</Items> 

在另一個解決方案「/」在第4行& 5缺少....