2016-03-21 10 views
0

kullanarak header'da bir açılan listeye nasıl sahip olduğum aşağıdaki gibidir. Aşağıdaki linklere sahip bir başlığım var: Ana Sayfa, Yerler, Mevsimler. Vurguluda Hedefler bağlantısının bir açılır liste (İlgi Çekici Yerler ve Popüler hedefler içerir) olmasını istiyorum. Bunu html, css ve bootstrap kullanarak nasıl uygulayacağımı biliyorum, ancak mvc'yi kullandığımdan dolayı, denetleyicideki eylem yöntemine gitmek bir sorun olacaktır. Aşağıda, şu ana kadar aldığım kod var. Açılır listeyi nasıl uygulayacağınıza dair hiçbir fikriniz yok. Lütfen yardım et! Görsel stüdyosunda 2013 mvc, bootstrap ve html helper

<div class="menu"> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active">@Html.ActionLink("Home", "Index", "Home")</li> 

        <li> 

         <ul class="dropdown-menu" aria-labelledby="dropdownmenu1"> 
          <li>@Html.ActionLink("Activities", "Activities", "Home")</li> 
          <li>@Html.ActionLink("Popular Destinations","Destinations","Home")</li> 
         </ul> 
        </li> 
       <li>@Html.ActionLink("Seasons", "Seasons", "Home")</li> 
      </ul> 
      </div> 
     </div> 

Ben bağlantılar 'Etkinlikleri' ve 'Popüler yerler' başlığı bağlantısı 'Noktaları' açılır listesinde olmak istiyorum. Lütfen bootstrap ve html helper actionlink kullanarak bunu nasıl yapacağınıza dair tavsiyede bulunun.

cevap

0

Daha ayrıntılı bilgi için

@Html.DropDownListFor(model => model.YourModelName, listItems, "-- Select Value--") 

kullanımı-gerektiğini, bakınız: - DropDownList in MVC 4 with Razor

0

html altında bu deneyin

<div class="menu"> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active">@Html.ActionLink("Home", "Index", "Home")</li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 
        Destinations 
        <span class="caret"></span> 
       </a> 
       <ul class="dropdown-menu"> 
        <li>@Html.ActionLink("Activities", "Activities", "Home")</li> 
        <li>@Html.ActionLink("Popular Destinations","Destinations","Home")</li> 
       </ul> 
      </li> 
      <li>@Html.ActionLink("Seasons", "Seasons", "Home")</li> 
     </ul> 
    </div> 
</div> 
İlgili konular