2011-10-20 15 views
4

私はこのコードでDropDownListメニューを作成しようとしています:DropDownListコントロールメニュー: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="~/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> 

上記の例では、「Page1」と「Page2」は「דףהבית」からドロップダウンします。良い例/説明here on MSDNがあります。

これらのコントロールは、スタイルを設定するのが難しい場合があります。あなたはより多くの柔軟性/制御したいのであれば、私はCSSを使ってメニューを作成することをお勧め(とあなたがそれを必要とする場合はJavaScript)HTML順不同リストと(ul

+0

これは動作しません。もう一度それを確認できますか? –

+0

気にしないでください。私は方法を見つけました、Javaのscipt 1とこの仕事は同じです。 –

+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がありません....