Kodular yeni güncellemesi ile bize daha fazla dinamik komponentler sunmuştu. Böylece daha fazla esneklik kazanan Kodular da gelin birlikte gayet güzel bir arayüzün yanında anlık olarak düzenlenen ve güncellenen bir tablo yapalım ne dersiniz?

Dinamik komponentler nedir?

Dinamik komponentler genel bir isim içerisinde label, textbox, button, image, card layout gibi çeşitli komponentler var. Bu komponentler zaten ai2 platformlarında bulunmakta peki farkları ne?

Bildiğiniz üzere bir butonu veya metni sürükle bırak ile ekrana yerleştiriyoruz ve yerleştirme yaptığımız yerde eklediğiniz komponent sabit olarak duruyor. Peki biz aynı komponente bir değil iki değil yüzlerce lazım olacaksa veya anlık olarak bu sayı değişecekse nasıl mevcut komponentlerle bu işi yapabiliriz? Ya 100 lerce buton eklicdz yada dynamic buton kullanıcaz 🙂

Dinamik komponentlerin projeye bir kere eklenmesi yeterli.

Kullanmak için tek yapmanız gereken dinamik komponent ten komponent türetmek. Nasıl mı?

Bir örnek verelim.

Aşağıdaki bloklarla yaptığımız işlem belli bir layout elemanının içerisine 100 tane buton ekleme işlemi. Her bir butonu metnide id si ile aynı yaptık ki farkı anlayalım.

Blok resmini kullanarak kodu blok kısmına kopyalayabilirsin!

Sonuç :

Peki ya nasıl temizlicez?

Bu örnekte ise çift numaralı id ye sahip butonları sildik işte sonuç!

Şimdi bu işlemleri birde dinamik olmayan standart komponentlerle yaptığımızı düşünelim ve ne kadar güzel bir özellik olduğunu anlayalım 🙂

Neyse bu kadar açıklama yeter. Gelelim asıl konuya.

Dinamik komponentler ile başlayalım işe

Bir adet dikey kayan layout içerisinedeki yatay layoutun içerisine iki sütun için iki adet layout elemanı koyalım kaymayanından. İşte bu kadar geriye kalan blok kısmı 🙂

Resimde görüldüğü gibi 2 dinamik textbox ile 100 tane textbox ürettik id ler 1 den 100 e gidiyor.

Aynı şekilde içeriklerde id numarası ile aynı.Ve istenilirse kullanıcı tarafından rahatlıkla değiştirebilimekte.Bu değişim ile birlikte aşağıdaki blokta tetiklenmekte.Tetikleme sayesinde değişen komponenti ve içeriğindeki metnide görebilmekteyiz.

Artık bundan sonrası sizin hatal gücünüze kalmış 🙂