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.