Table Elementinde Inline Grid Kullanımı

Inline Grid özelliği, Table elementine eklenen EditableTableColumn ile kullanılır ve tablonuzda verileri sadece görüntülemekle kalmaz, aynı zamanda düzenleyip kaydetmenizi sağlar. Bu özelliği kullanabilmek için Table elementine EditableTableColumn eklemeniz gerekmektedir.

Table Elementine EditableTableColumn Ekleme

1. Ekranda bulunan Table elementini seçin.
2. Properties panelini açın.
3. TableRow altında bulunan Add EditableTableColumn butonuna tıklayın.
   
   • Kolon otomatik olarak bir Label elementi ile birlikte eklenecektir.

EditableTableColumn Kullanımı

• EditableTableColumn, standart TableColumn'dan farklıdır. Tasarım sürecinde doğrudan düzenlenemez ve temel özelliklere sahiptir.
• Kolona dinamik veri bağlayabilir ve stil düzenlemelerini yapabilirsiniz.

EditableTableColumn’da Dinamik Veri Kullanımı

1. Table elementini seçin.
2. Properties panelinde Datasources alanına gidin.
3. Ekrana Initial Action olarak eklediğiniz aksiyonlar arasından, veri kaynağı olarak kullanmak istediğiniz aksiyonu seçin.

Editable Table Column İçerisinde Label Elementine Veri Bağlama

1. Editable Table Column içerisinde bulunan Label elementini seçin.
2. Properties panelinde Value alanında bulunan Field to Display parametresinden gösterilmek istenen veriyi seçin.
3. EditMode Component parametresi aracılığıyla, düzenleme sırasında kullanılacak elementi belirleyin.
   
   • Örneğin, bir isim girişi için TextInput elementi, bir departman seçimi için Selectbox elementi kullanılabilir.

Örnek Editable Table Column Kullanımı

• Editable Table Column'lardan oluşan bir Table elementinde, ilk satır düzenleme modunda görünebilir.
• Kolonlardaki elementlerin Property ve Styling ayarlarını yönetebilirsiniz.
• Uygulamayı önizleme veya yayına alma aşamasında, satıra çift tıklayarak düzenleme moduna geçebilirsiniz.
• Değerleri "Enter" tuşuna basarak veya tablonun dışına tıklayarak kaydedebilirsiniz.

Düzenlediğiniz değerleri kaydetmek için Table elementinin "On Row Edit Finished" olayında (event) tanımladığınız aksiyon ile yeni değerleri kaydetmeniz gerekmektedir.

On Row Edit Finished Kullanımı

On Row Edit Finished, yalnızca Table'ın Inline Grid özelliği ile anlamlıdır. Satırı düzenlemeyi tamamladıktan sonra veritabanına kayıt eklemek/güncellemek için çalıştırılacak aksiyonları tanımlamak için kullanılır.

• OnRowEditFinished olayında, kayıt işlemi tamamlandıktan sonra tablonun veri kaynağı aksiyonunun tekrar çağrılması gerekmektedir.

Örnek Senaryo: Müşteri Adresi ve Müşteri Adının Düzenlenebilir Olarak Listelenmesi

1. Listeleme işlevini sağlayacak aksiyonu Initial Action olarak ekleyin.
2. Ekrana bir Table elementi ekleyin.
3. Table elementi seçiliyken, Properties panelinde aşağıdaki adımları takip edin:
   
   • Add Action → On Row Edit Finished → Managed DB → Save Record
   • Save Record aksiyonu altında, ilgili parametreleri tanımlayın.
4. Save Record aksiyonunu ekledikten sonra, On Row Edit Finished aksiyonunu tekrar ekleyerek, listeleme işlevini sağlayacak aksiyonu tanımlayın.
5. Kolonlarda bulunan Label elementlerini seçerek Properties panelindeki Value alanı aracılığıyla veri tanımlamalarını yapın.

Inline Grid özelliği sayesinde Table elementinde verileri sadece görüntülemekle kalmaz, aynı zamanda düzenleyip kaydedebilirsiniz. Bu özellik, uygulamalarınıza dinamik düzenleme ve veri kaydetme fonksiyonları kazandırır.

‍