Tree

Tree elementinin işlevini öğrenin.

Tree elementi, karmaşık hiyerarşiye sahip verilerinizi gösterilmesini sağlayan elementtir.

Tree elementi, veri tabanında olan tablonuzu ebeveyn/çocuk ilişkisi gibi görüntülemenize olanak sağlar.

Örneğin, personel listesinin olduğu tablosu tree elementi içerisinde

• Personel

  • Ad Soyad

  • Aktif

  • Departman

    • Departman Ad

    • ıd

  • Dogum Tarihi

  Şeklinde gösterilecektir.

1.Tree elementini ekleme

Tree elementini kullanabilmek için uygulamanız içerisinde bulunan Elements panelinden Tree elementini seçip çalışma alanınıza sürükle bırak ile ekleyebilirsiniz.

Tree, elementi mobil ve web uygulamaları desteklemektedir.

2.Tree Elementinin Datasource Bağlantısı

Tree elementini özel bir liste olarak kullanılamaz. Veri tablosu bağımlı elementtir. Properties → Options’tan datasource ve diğer bağlantıların doğru ve eksiksiz bir şekilde yapılması gerekmektedir.

Actions: Tree elementine bağlanacak verilerin tanımlandığı/seçildiği alandır.

Field to displayId: Datasource'daki kolonlardan biri seçilerek çekilen verilerin görüntülenmesi sağlanmaktadır. Yukarıdaki görselde isim olarak gösterilmesi istenen veritabanı kolonu seçilmiştir.

Field to Use as Key: Çekilen verilerde key olarak kullanmak istediğiniz veri tipinin seçildiği kısımdır. Genellikle Guid seçilir.

Field to Use as Parent: Çekilecek olan verilerde bu alanda parent Id seçilir. Girilen bu değer ile verinin sırası belirlenir. Eğer çekilecek veri en üstte, herhangi bir parent’ın altında olmayacak şekilde gösterilmek istenirse parent Id’nin değeri null döndürülmelidir.

3.Tree Elementinde Aksiyon Ekleme

Uygulama içerisinde çalışma alanınıza eklediğiniz tree elementine aksiyon eklemek için +Add Action’a tıklayıp onChange kısmından eklenen tree elementinin Item kısmına tıklayınca aksiyon otomatik olarak oluşmaktadır.