C# ASP.NET WebForm - BulletedList Kullanımı (Video İçerik) başlıklı içeriğin resmi

C# ASP.NET WebForm - BulletedList Kullanımı (Video İçerik)

MERHABA, SERİMİZİN BU VİDEOSUNDA C# ASP.NET İLE BOOTSTRAP HAZIR TEMASINI KULLANARAK BULLETEDLİST ARACININ NE OLDUĞUNDAN VE ARACI NASIL KULLANABİLECEĞİNİZDEN BAHSEDİYORUM.

BulletedList, Visual Studio tarafından bizlere "Toolbox" ya da Türkçe karşılığı ile "Araçlar" sekmesinde bize sunulan özelliklerden bir diğeridir. Dinamik veya herhangi bir veri bağlantısı olmayan sitelerde fazlasıyla liste yapısını kullanırız. Bu listelerin özellikleri ve amaçları değişmektedir. Bu yazında sizlere bu aracın kullanım alanlarından bahsedecek ve bir kod örneği paylaşacağım.

HTML ile sadece bir web sitesi tasarımı hazırlıyorsak ve liste kullanmaya ihtiyacımız varsa "ul" ve "li" etiketlerini kullanmamız gerekir. Ancak yaptığımız web sitesi dinamik olacaksa ve ASP.NET ile hazırlıyorsak bizim için hazırlanmış bir araç bulunuyor. BulletedList adını verdiğimiz bu araç ile kolayca veritabanından gelen verilerimizi listeleyebiliriz. Diğer araçlardan farkı bu aracın HTML çıktısı olarak yazdığımız kodları "ul" ve "li" etiketleri ile yapmasıdır. Gelin kodlara bakalım.

Front-end:

<asp:BulletedList ID="blMenu" 
                  runat="server" 
                  DisplayMode="HyperLink" 
                  BulletStyle="CustomImage" 
                  BulletImageUrl="~/img/icons/tap.png">
   <asp:ListItem Text="Dashboard" Value="/Dashboard"></asp:ListItem>
   <asp:ListItem Text="Orders" Value="/Orders"></asp:ListItem>
   <asp:ListItem Text="Products" Value="/Products"></asp:ListItem>
   <asp:ListItem Text="Customers" Value="/Customers"></asp:ListItem>
   <asp:ListItem Text="Reports" Value="/Reports"></asp:ListItem>
   <asp:ListItem Text="Integrations" Value="/Integrations"></asp:ListItem>
</asp:BulletedList>

0 Yorum

    Burada hiç yorum yok!

YORUM YAZ

Yorum yapabilmek için lütfen Giriş Yapın veya Kayıt Olun.