Asp.Net
17
Ağu
2011
Asp.Net Razor jQuery Accordion Menu
Kategori : Asp.NetRazorjQuery
Ekleyen : Zekeriya ALAN
Merhaba Arkadaşlar, Bu Makalemde "Asp.Net WebSite (Razor)" ile jQuery Accordion Menu Hazırlayacağız. Bilindiği gibi artık web sitelerinde animasyonlar olmassa olmazlardan, bu sebepten dolayı bu makalemi hazırladım, umarım işinize yarar. Accordion Menumüzü aşağıdaki linkten indirebilirsiniz.
jquery-accordion-menu
İlk adım olarak veritabanımızı oluşturalım. İki tablo ile çalışacağız. Kategoriler Tablosu AltKategoriler Tablosu
Şimdi ise yukarıda oluşturduğumuz tablolarımıza erişeceğimiz veritabanı sınıfını oluşturuyoruz. LinqToSql ile.
Tablo.cs Sınıfımızdaki kodlarımız. Sınıfımızın static bir sınıf olması gerekiyor, sayfa içinden metotlara direk erişmek için.
   1:  public static class Tablo
   2:  {
   3:      //Kategoriler
   4:      public static List<Kategoriler> KategoriTablosu()
   5:      {
   6:          DB db = new DB();
   7:          var kategori = from k in db.Kategorilers
   8:                         select k;
   9:   
  10:          return kategori.ToList();
  11:      }
  12:      //Altkategoriler metodu int tipinde bir parametre alıyor.
  13:      public static List<AltKategoriler> altKategoriTablosu(int Id)
  14:      {
  15:          DB db = new DB();
  16:          var altkategori = from k in db.AltKategorilers
  17:                         where k.CategoryId == Id
  18:                         select k;
  19:   
  20:          return altkategori.ToList();
  21:      }
  22:  }
Default.cshtml sayfamızdaki kodlarımız.
   1:  @{  
   2:      Layout = "~/_SiteLayout.cshtml";
   3:      Page.Title = "Asp.Net Razor - Accordion Menu Uygulaması!";
   4:   
   5:      <ul id="menu">
   6:      @foreach(var item in Tablo.KategoriTablosu())
   7:      {
   8:          <li>
   9:              <a href="#">@item.CategoryName</a>
  10:              <ul>
  11:              @foreach(var altitem in Tablo.altKategoriTablosu(@item.CategoryId))
  12:              {
  13:                  <li><a href="@Href("Default/")@altitem.SubCategoryId">@altitem.SubCategoryName</a></li>
  14:              }
  15:              </ul>
  16:          </li>
  17:      }
  18:      </ul>
  19:  }
ve sayfamızın bitmiş görünümü.
Saygılar sevgiler. Başka bir makalemde görüşmek dileğiyle hoşçakalın.
23 Ağustos Sal, 2011 Halit Çolak
yok böyle bir kolay kodlama. Ben resmen çile çekiyorum ya.
30 Kasım Cum, 2012 Soner SARIÇAYIR
aynen katılıyorum, bunu biraz daha basit bir şekilde yazsalar daha rahat edeceğiz araştırma yaparken
24 Mart Pzt, 2014 Muhammed Emin
Eline sağlık, Asp den Aspnet Mvc Razor yazılımıza geçmek için Raazoru deniyorum. Senin siteden de sadee anlaşılır, copy paste yapmadan temiz kodlar ile yazılmış küçük çalışmalar var. Ben 12 yıldır Asp kullanıyorum. Bu sistem ile kod yazmak kolay ancak, kaynak sıkıntımız var? Yani böyle kodların ne işe yaradığını gördüğümüz Türkçe kaynaklar bulamıyoruz. Eline sağlık