DataList bileşeni yapılan bir tasarımın gelen veri setine göre tekrarlı şekilde gösterilmesini sağlar. Örneğin; alışveriş sitelerindeki ürün listeleme ekranlarına benzer bir tasarımı sağlamak için şablon bir tasarım yapılır ve veri kaynağına bağlanarak gelen her bir veri için bu şablon gösterilir.
DataList bileşenin içeriğinin doldurulabilmesi için;
- DataAccess özelliği altındaki "Source" özelliği seçilmelidir.
- DataList bileşenine çift çıklayarak açılan tasarım ekranına en az bir bileşen eklenerek FieldName özelliği seçilmelidir.
FocusOnLoad
DataList ilk yüklendiğinde datalist içindeki ilk bileşene focus olunmasını sağlar.
FocusOnPacing
Paging ile DataList sayfaları arasında gezinirken ilgili sayfada ilk bileşene focus olunmasını sağlar.
EmptyContentMessage
DataList'in bağlı olduğu veri kaynağında kayıt yok ise DataList yüklendiğinde gösterilecek mesaj
NewItemLocation
First - Last
DataList olan bir sayfaya ContextButton → ClickOperation : New eklenir ve DataList'e bağlanırsa; yeni eklenecek kaydın DataList'in başına ya da sonuna mı ekleneceğini belirler.
Styling
ContainerClasses : DataList'in en dışındaki container'a özel css class'ı verebilmeyi sağlar.
Örnek : container p-3 my-3 border
https://www.w3schools.com/bootstrap4/bootstrap_containers.asp
ItemClasses : DataList'in her bir item ı için özel css class'ı verebilmeyi sağlar.
Örnek :
container p-3 my-3 bg-light
container p-3 my-3 shadow bg-white rounded
https://www.w3schools.com/bootstrap4/bootstrap_containers.asp
Width
DataList'in genişliği
WidthUnit
DataList'in genişlik birimi
Enabled
DataList bileşenin Enabled özelliği False seçildiğinde DataList'e bağlı bileşenler düzenlemez.
Tooltip
Bileşen üzerinde fare ile gelindiğinde görüntülenecek ipucu metni
Visibility
DataList bileşenin görünürlüğü kapatıldığında içinde yer alan bileşenler de görünmez olur.
CustomStyling
Bileşenin alt - üst - sağ - sol boşluk(margin - padding) düzenlemelerini yapmayı sağlayan bu özelliğin detayına Custom Styling linkinden erişilebilir.
Modifier
Autocomplete bileşeni UserControl içinde kullanıldığında bileşen özelliklerinin değiştirilip değiştirilemeyeceği seçilir.
Public ise; bileşenin özellikleri eklendiği sayfa içinde değiştirilebilir.
Private ise; bileşenin özelliklerine müdahale edilemez. (Varsayılan Değer)
Customization
Bileşen özelliklerinin özelleştirme arayüzde değiştirilebilmesini sağlayan bu özelliğin detayına Customization linkinden erişilebilir.
Localization
Kullanıcıların uygulamayı kullanırken tercih ettikleri dile göre görüntüleyecekleri metinleri girmesini sağlayan bu özelliğin detayına Localization linkinden erişilebilir.
ID
Bileşenin ayırt edici değeri. Arka planda kodlama vb işlemlerde kullanılacak benzersiz olması gerekli alan.
Sürükle bırakla otomatik oluşturulur, isteğe bağlı olarak değiştirilebilir.