Organization Chart aracı, Xpoda'da organizasyon şemalarınızı ağaç yapısı ile görselleştirebileceğiniz bir araçtır.
| Araç Kutusundaki Görünümü | Free Formdaki Görünümü | Responsive Formdaki Görünümü |
| |
Uyumluluk
| Free Form | Responsive Form | Mobile |
Özellikler
Type(Alan Türü): Eklenilen form aracının alan türünü gösterir. Burada yer alan değer değiştirilemez.
Name(Alan İsmi): Veri tabanında oluşacak olan alanın ismi yazılır.
Edit Form(Düzenleme Formu): Hangi formun açılacağı seçilir.
Parent: Edit formda şemanın parent olarak belirlenen alan seçilir.
Name: Edit formda şemanın name olarak belirlenen alan seçilir.
Title: Edit formda şemanın title olarak belirlenen alan seçilir.
Avatar: Edit formda şemanın avatar olarak belirlenen alan seçilir.
Expand: Edit formda şemanın expand olarak belirlenen alan seçilir.
Help Text(Yardım Metni): Form aracı üzerine Fare ile gelindiğinde açıklama çıkması için girilen metindir.
Height/Width (Yükseklik/Genişlik):Form aracının yüksekliğini ve genişliğini düzenler.
From Left/ Top (Soldan/Üstten): Liste aracının soldan ve üstten mesafesini ayarlar.
Kullanılan Örnek
İlk olarak şemamızda kullanacağımız kayıtlar için tanımlama formu oluşturalım. Sonrasında başka bir form oluşturup Organization Chart aracımızı kullanacağız.
Öncelikle yeni bir form oluşturalım ve tablo adını XP_ORG_CHARTS olarak isimlendirelim. Formumuzun özellikleri aşağıdaki şekilde görünecektir.
Oluşturduğumuz forma bir Drop Down Box, iki Text Box, bir Picture ve bir Switch aracı ekleyelim. Bunları sırasıyla şöyle isimlendirelim ve formumuzu kaydedelim:
1- Drop Down Box aracımızı Parent olarak isimlendirelim, Field Type olarak Combo Box, Field Style olarak veri tabanından veri çekeceğimiz için SQL Query seçelim. Ardından SQL Query alanına aşağıdaki sorguyu yazalım:
SELECT
0 as ID,
'Organizasyon Şeması' as Name
UNION ALL
SELECT
UserTableID,
Name
FROM XP_ORG_CHARTS
En sonunda Drop Down Box aracımız aşağıdaki gibi görünecektir.
2- Text Box araçlarımızın birini Name, diğerini de Title olarak isimlendirelim.
3- Picture aracımızı Avatar olarak isimlendirelim.
4- Son olarak Switch aracımızı da exp olarak isimlendirelim ve Checked Text alanına “Evet”, Unchecked Text alanına “Hayır” yazalım. Bu alan Switch aracımızın seçimlerini isimlendirdiğimiz yerdir.
Formumuzun studio görüntüsü aşağıdaki gibi olacaktır:
Formu kaydedip run butonu ile client ekranına gittiğimizde son görüntümüz aşağıdaki gibi olacaktır.
Şimdi bir firmaya ait çalışanların olduğu bir organizasyon şeması oluşturabiliriz. Öncelikle firma için aşağıdaki gibi bir CEO belirleyip Title olarak CEO yazalım. CEO şemamızın en başında olacağı için Parent alanını sorgumuzda yazdığımız Organizasyon Şeması olarak seçelim. İstediğimiz avatarı ekledikten sonra kaydedelim.
Yöneticilerimizi CEO'nun altına kaydedeceğimiz için eklenecek her yönetici için Parent CEO seçilmelidir. Örneğimizde IT yöneticisi olarak Furkan kişisini ekleyelim. Benzer şekilde Parent=CEO yapısının altına Finans Yöneticisi Gönül ve Operasyon Yöneticisi Burak kayıtlarını da ekleyelim.
Ardından bu yöneticilere bağlı olan çalışma arkadaşlarını da hangi yöneticiye bağlıysa Parent olarak o yöneticiyi seçerek kayıtlarımızı oluşturalım. Böylece hiyerarşik şekilde bir düzen elde edeceğiz. En sonunda bütün kayıtlarımızı tamamladıktan sonra Organization Chart aracımızı yapılandırmaya geçebiliriz.
Organization Chart
Yeni bir form açalım ve Organization Chart aracımızı bu formumuza sürükleyip bırakalım. Aracımıza tıkladığımızda sağ tarafta bulunan özellikler alanını aşağıdaki görselde olduğu gibi tanımlama formumuzdaki alanlar ile eşleştirelim.
Ayrıca Organization Chart aracımızın verileri çekeceği tablonun sorgusunu da Organization Query alanına yazalım. Aşağıdaki sorgumuzu kullanacağız,
SELECT * FROM XP_ORG_CHARTS WITH (NOLOCK)
Formumuzun açılışında Organization Chart aracımızın çalışmasını istediğimiz için formumuza tıklayalım ve form açıldığında aracımızı tektikleyen bir aksiyon ekleyelim. Bunun için Type of Action alanını When the form is opened, Operation olarak Update Value seçelim. Ardından Value Area alanını OrgChart_1 isimlendirmesine sahip Organization Chart aracımızı seçelim ve aksiyonumuzu kendi kaydetme alanından kaydedelim. Aksiyonun görünümü aşağıdaki gibi olacaktır.
Not: Aksiyonlar formun kaydetme butonu ile kaydedilemez. Bu sebeple aksiyonun kendi kaydet butonuna tıklanmalıdır.
En sonunda formumuzu kaydedip run butonu ile client ekranına gittiğimizde client görüntümüz bu şekilde olacaktır: