DropDownList меню с asp: MenuItem

Question

Я пытаюсь создать меню 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>

Answer 1

Вы можете просто сделать элемент управления 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>

В приведенном выше примере «Page1» и «Page2» будут выпадать из «דף הבית». Есть несколько хороших примеров / объяснений здесь, на MSDN .

Справедливое предупреждение, эти элементы управления могут быть немного сложны для стиля. Поэтому, если вы хотите большей гибкости / контроля, я бы предложил создать ваше меню с использованием CSS (и JavaScript, если вам это нужно) с неупорядоченным списком HTML (ul)

Answer 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 отсутствуют ....