Hiyerarşik verilerin gösterimini sağlayan bir bileşendir.
Treeview bileşeninde kayıt ekle/sil/düzenle işlemleri yapabilmek için DataAccess altındaki "Source" özelliği ve BindingFields özellikleri seçilmelidir.
Treeview → Items özelliği kullanılarak da sabit tanımlı düğümler gösterilebilir ancak kayıt ekleme - düzenleme işlemleri yapılamaz.
Treeview bileşeninde 2 farklı şekilde düzenleme desteği(Editing Mode) bulunmaktadır.
Treeview - Editing linkinden düzenleme özelliklerinin detaylara erişilebilir.
AutoEditingTemplate : Kayıt ekleme-düzenleme sırasında gösterilecek dialog içinde; hangi alanların gösterileceği seçilir ve çizim otomatik yapılır.
CustomEditingTemplate : Kayıt ekleme-düzenlemede sırasında gösterilecek dialog içinde; yapılan tasarıma göre düzenleme ekranının oluşturulması sağlanır.
DataAccess
Scheduler bileşeninde tanımlanan randevuların bir veri kaynağına bağlanmasını sağlar.
BindingType
Model : ModelSchema.asdx→ Local altında oluşurulan özel modellerdir. (Veriler MongoDB'de saklanır.)
Remote : ModelSchema.asdx→ OpenAPI - GenericRest seçeneklerinden biri seçilerek bir dışsistem bağlantısı ile oluşturulmuş modellerdir.
OData : ModelSchema.asdx→ OData servisinden oluşturulmuş modellerdir.
Object : ModelSchema.asdx→ Object olarak oluşturulmuş modellerdir.
Source ZORUNLU ALAN
Binding Type :
Model seçilmiş ise; ModelSchema.asdx → Local 'de yaratılan model listesinden kaynak seçimi yapılır.
Remote seçilmiş ise; ModelSchema.asdx→ LogoService - OpenAPI - GenericRest seçeneklerinden biri ile oluşturulan model listesinden kaynak seçilir.
OData seçilmiş ise; ModelSchema.asdx→ OData servisi ile oluşturulan model listesinden kaynak seçilir.
Object seçilmiş ise; ModelSchema.asdx→ Object olarak model listesinden kaynak seçilir.
BindingFields ZORUNLU ALAN
AdditionalFields : Source özelliğinde seçilen veri kaynağındaki alanlardan birden fazla eklenebilir. Treeview kayıt ekleme/düzenleme işlemlerinde ekstra alınmak istenen bilgiler buradan da tanımlanmalıdır.
ParentIdFieldName : Source özelliğinde seçilen veri kaynağındaki alanlardan seçim yapılır. Üst düğümün ID bilgisini barındıran alan seçilmelidir.
TextFieldName : Source özelliğinde seçilen veri kaynağındaki alanlardan seçim yapılır. Gösterilecek düğümün adına karşılık gelen alan seçilmelidir.
SourceSupport
BindingType : Remote olduğu durumda; Source olarak seçilen veri kaynağının belirli özellikleri gösterip göstermediğini belirtir. Servisten gelen yapı bu özellikleri desteklemiyor ise bu özelikler disabled görünümde olur ve değiştirilemezler.
MasterBindingID
Bileşenin bağlı olduğu BindPanel ID'si.
Master kayda göre bileşenin verileri filtreleneceği için master binding bileşenin tekil kayıt dönmesi gerekmektedir. Bu nedenle sadece sayfadaki bindpanel bileşenleri listelenmektedir.
Relations
Master Bind Panel ID'de seçilen panelin bağlı olduğu schema ile child bind panelin source scheması aynı ise; otomatik ilişki kurulacağı için bu özellik seçilemez. BindingProperty üzerinden kaynak seçimi yapılır.
Master Bind Panel ID'de seçilen panelin bağlı olduğu schema ile child bind panelin source scheması farklı ise; otomatik ilişki kurulamayacağı için schemalar arası ilişkinin hangi alanlar üzerinden gerçekleştirileceği seçilmek zorundadır.
BindingProperty
Source seçiminde kompleks bir nesne seçilmiş ve masterbindingId tanımlanmış ise; o kompleks nesne içindeki alt nesneler listelenir ve bindpanelin kaynağı olarak seçilebilir.
AutoBind
True olduğunda; bindpanel ilk yüklenirken otomatik kayıt bind edilmesini sağlar.
Order
Seçilen veri kaynağı verilerinin sıralı şekilde görüntülenmesini sağlar. Birden fazla sıralama alanı seçilebilir. Her bir sıralama tanımı aşağıdaki özellikleri içerir.
Field : Source'da seçili modelin alanların sıralama alanı seçilir. Sıralama alanı ekleyebilmek için AppSchema.asdx'deki alanın isSortable özelliği seçili olmalıdır.
Direction : Descending / Ascending. Sıralama yönü artan ya da azalan olarak seçilmesini sağlar.
Nodes
TreeView'e ait düğümlerin sabit verilerle oluşturulmasını sağlar. Birden fazla düğüm eklenebilir. Hiyerarşik bir yapı oluşturulabilir.
Id
Düğümün benzersiz anahtar değeri. (Guid)
Boş bırakılması durumunda otomatik oluşturulacaktır.
Text
Düğümde gösterilecek metin
IconClass
Düğüm metninin yanında gösterilecek icon seçimi
IconUrl
Düğüm metninin yanında gösterilecek icon seçimi. Projede yer alan bir icon dosyası seçilebilir ya da Url adresi girilebilir.
IconExpandedClass
Düğüm genişletildiğinde metnin yanında gösterilecek icon seçimi
IconExpandedUrl
Düğüm genişletildiğinde metnin yanında gösterilecek icon seçimi. Projede yer alan bir icon dosyası seçilebilir ya da Url adresi girilebilir.
IsSelected
True ise; ilgili düğümün seçili gelmesini sağlar.
IsExpanded
Düğümün alt düğümleri var ise; True olduğunda; bileşen ilk yüklendiğinde alt düğümlerin açık şekilde gelmesini sağlar.
IsDisabled
True ise; düğüm ağaçta görünür ancak tıklanabilir durumda olmaz.
Children
Düğüm ekleme editorü açılır. Bu şekilde ilgili bir düğüme alt düğümler eklenmesi sağlanır.
TreeView'e ait düğümlerin sabit verilerle oluşturulmasını sağlar. Birden fazla düğüm eklenebilir. Hiyerarşik bir yapı oluşturulabilir.
Filtering
Ağacın düğümlerinde filtreleme yapmayı sağlayan özelliklerdir.
EnableFilter
True ise; Treeview'ın üstünde bir editör açılır. Bu editörden aranan içerik yazıldığında ağacın düğümlerinde aranan metinin rengi belirgin duruma gelir.
False ise; filtreleme özelliği aktif olmayacaktır.
CaseSensitive
EnableFilter: True olduğunda kullanılabilir. Arama işleminin büyük-küçük harf duyarlılığını belirtir.
ShowOnlyMatches
EnableFilter: True olduğunda kullanılabilir.
ShowOnlyMatches : True ise arama işlemi sonrası sadece filtreleme kriterini sağlayan kayıtlar görüntülenir.
ShowOnlyMatches : True görünüm
ShowOnlyMatches : False ise tüm kayıtlar görüntülenmeye devam eder filtreleme kriterini içeren düğümlerin görünümü ve rengi belirginleştirilerek gösterilir.
Selection
ShowCheckboxes
True ise; her bir düğüm için checkbox ile seçim yapılabilir.
False ise; düğümlerde checkbox görülmez.
ShowCheckboxes : False görünüm
CascadeCheckboxes
ShowCheckboxes : True olduğu durumda kullanılabilir.
CascadeCheckboxes : True olduğunda; altında başka düğümler olan bir düğümün checkbox'ı seçildiğinde alt düğümlerin de otomatik seçilmesini sağlar.
CascadeCheckboxes : False olduğunda; yalnızca seçilen düğüm seçili duruma gelir.
SelectWholeRow
True ise; bir düğüme tıklandığında tüm satır seçili görünür.
False ise; bir düğüme tıklandığında sadece metin seçili görünür.
Styling
AnimationDuration
Bir düğüm genişletilmek istendiğinde alt düğümlerin açılma süresi
Icon
ShowIcons : True olduğu durumda; her bir düğüm için görünecek icon seçimi
IconExpanded
ShowIcons : True olduğu durumda; Bir düğüm altında alt düğüm varsa; bu düğümün altındaki düğümleri göstermek için genişletildiğinde otomatik değişecek icon görünümü.
Seçilmemişse her durumda Icon üzerinden verilmiş image gösterilir.
Örnek :
Icon : far fa-caret-square-right
IconExpanded : far fa-caret-square-down
ShowIcons
True ise; Icon, IconExpanded, DataAccess veya Nodes altındaki seçilen Icon özellikleri görünür olur.
False ise; hiçbir icon gösterilmez.
ToogleWhenDoubleClicked
True ise ; bileşendeki bir düğüme çift tıklandığında alt düğümler kapalı ise açılmasını, açık ise kapanmasını sağlar.
False ise; çift tıklandığında hiçbir değişiklik olmaz.
IsTextFieldHtml
Node'un text özelliği Html içeriyorsa bu özellik true yapılmalıdır. Aksi durumda Html içerik escape fonksiyonundan geçirilir.
LazyLoad
True olduğunda; bileşen ilk yüklenirken sadece root node'lar yüklenir. Diğerleri node'lar açıldıkça ve ihtiyaç oldukça getirilir.
False olduğunda ise tüm node'lar açılışta yüklenir.
Treeview verisi DataAccess kullanılarak dolduruluyor ise ; BindingType : Local ve Treeview Complex bir modele bağlı olduğunda LazyLoad : True kullanılamamaktadır. LazyLoad : False olmalıdır.
Height
Bileşenin yüksekliği
HeightUnit
Auto - Pixel - Percentage
Bileşenin yüksekliğinin birimi
Width
Bileşenin genişliği
WidthUnit
Auto - Pixel - Percentage
Bileşenin genişliğinin birimi
HideToolbar
True olduğunda; Treeview bileşeni üzerinde görüntülenen düzenleme işlemlerini gerçekleştirmeyi sağlayan toolbarın gösterilmesini sağlar.
False olduğunda; toolbar gösterilmez.
Enabled
True ise; bileşen üzerinde ekle, sil, düzenle işlemlerinin yapılabilir.
False olduğu durumda bu işlemler gerçekleştirilemez.
TabIndex
Bileşenin sırasını belirir.
Tooltip
Bileşen üzerinde fare ile gelindiğinde görüntülenecek ipucu metni
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.
ExecutionRules
Bileşenin eventlerinde(olay) çalıştırılabilecek kuralların detaylarına Execution Rules linkinden erişilebilir.
Authorization
Yetkilendirmeye açılan özellikler(AuthorizeView, AuthorizeSave, AuthorizeDelete) Authorization servis üzerinden yönetilebilir duruma gelir.
Kullanım detayına Authorization Service linkinden erişilebilir.
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.
Modifier
Bindpanel 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)
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.
