Bu örnekte, Timeline elementi bir SQL Datasource ile bağlantı kurarak veri gösterecektir.
1. Datasource Oluşturma
- Datasource modülüne girin.
- Yeni bir tablo oluşturun ve aşağıdaki değişkenleri tanımlayın:
- title (String): Olayın başlığı
- description (String): Olayın açıklaması
- color (String): Her olay için kullanılacak renk kodu
- CREATE butonuna tıklayarak tabloyu oluşturun.
2. SQL Action Oluşturma
- Sol paneldeki Actions bölümünden + ikonuna tıklayın.
- New SQL Action seçeneğini seçin.
- Aşağıdaki SQL komutunu girerek yeni bir SQL Action oluşturun:
SELECT * FROM timeline_datasource
- CREATE butonuna tıklayarak işlemi tamamlayın.
3. SQL Action’ı Timeline Elementine Bağlama
- Timeline elementini seçin.
- Sağ kenardaki Properties panelinden +Add Action butonuna tıklayın.
- Search Box alanına oluşturduğunuz SQL Action ismini (örneğin, TimelineAll) yazın ve aksiyonu seçin.
- Seçilen aksiyon, Timeline elementinin Options alanında görüntülenecektir.
- Bu aşamada, verileri aşağıdaki şekilde eşleştirin:
- Title: title
- Description: description
- Color: color
Önemli Notlar
- Mode alanını kullanarak Timeline’ın sağ, sol veya dönüşümlü şekilde görüntülenmesini ayarlayabilirsiniz.
- Veriler güncellendikçe Timeline elementi otomatik olarak güncellenir.
Bu işlemleri tamamladıktan sonra, Timeline elementiniz artık belirlediğiniz verilerle birlikte çalışacaktır.