下拉列表菜单与asp:MenuItem

本文关键字:MenuItem asp 菜单 下拉列表 | 更新日期: 2023-09-27 18:11:43

我正在尝试使用此代码制作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>

下拉列表菜单与asp:MenuItem

您可以使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"answers"Page2"将从" download.baidu.com/download.baidu.com/page1 "下拉。在MSDN上有一些很好的例子/解释。

公平警告,这些控件可能有点难以设置样式。因此,如果你想要更多的灵活性/控制,我建议使用CSS(和javascript,如果你需要它)与HTML无序列表(ul)制作你的菜单

try this:

<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个缺失....