ASP.NET 4.0 Menü Kontrolü Yenilikleri

Menu kontrolü çok pratik olmasına rağmen arka tarafta html table'a render edildiği için pek tercih edilmiyordu. Ayrıca kontrole CSS uygulamak da çok zor oluyor taklalar atmak zorunda kalıyorduk :) ASP.NET 4.0 ile birlikte artık liste elementlerine render ediliyor. Hem daha anlamlı bir HTML çıktısı oluyor hem de CSS uygulamak çok kolay oluyor. Ayrıca menu kontrolüne accessible rich internet applications (ARIA) özellikleri de eklenmiş durumda. Aşağıdaki örneği inceleyecek olursak DIV içerisinde liste ve içerisinde de menümüzün elemanlarını görebiliriz.

[ASP.NET 4.0]

<asp:Menu ID="menu" runat="server"> 
    <Items> 
        <asp:MenuItem Text="Ana Sayfa" NavigateUrl="Anaayfa.aspx"></asp:MenuItem> 
        <asp:MenuItem Text="Hakkımızda" NavigateUrl="Hakkimizda.aspx"></asp:MenuItem> 
        <asp:MenuItem Text="Referanslar" NavigateUrl="Referanslar.aspx"></asp:MenuItem> 
        <asp:MenuItem Text="İletişim" NavigateUrl="Iletisim.aspx"></asp:MenuItem> 
    </Items>
</asp:Menu>

[HTML Output]

<div id="menu"> 
    <ul class="level1"> 
        <li><a class="level1" href="Anaayfa.aspx">Ana Sayfa</a></li> 
        <li><a class="level1" href="Hakkimizda.aspx">Hakkımızda</a></li> 
        <li><a class="level1" href="Referanslar.aspx">Referanslar</a></li> 
        <li><a class="level1" href="Iletisim.aspx">İletişim</a></li> 
    </ul>
</div>