Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 altındaki "Source" özelliği seçilmelidir. 
Aksi durumda datalist bileşeni bulunan sayfa çalışmayacaktır.

Image Modified

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

https://www.w3schools.com/bootstrap4/bootstrap_containers.asp

Width

DataList'in genişliği

WidthUnit

DataList'in genişlik birimi 

Spacing

Bileşenler arası boşlukları düzenlemeyi sağlayan bu özelliğin detayına Spacing linkinden erişilebilir.

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

Bileşen özelliklerinin özelleştirme arayüzde değiştirilebilmesini 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.

Image Added