使用asp：MenuItem的DropDownList菜單

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行中的“/”丟失了....