Yazı.init - ilgilenio/Otag GitHub Wiki
'#CSS.Seçici'.init()
init yöntemi Otağ'da Öge ve Bileşen oluşturma yöntemidir.
Otağ ile DOM Ögesi oluşturmak için bir CSS metni yazın yeter.
let b='b#öb.rek'.init()
Yazımı aşağıdaki yazıma denktir
let b=document.createElement('b');
b.id='öb'
b.className='rek';
ve belge içinde şu şekilde bir Öge oluşturur
<b id="öb" class="rek"></b>
Genel bir etiket olduğu ve en çok kullanılan etiket olduğu için init() yönteminde öntanımlı olan etiket div'dir. Yani eğer bir etiket belirtmezseniz div Öge'si oluşturulur.
let Öge1='Sınıf1 Sınıf2'.init();
let Öge2='div'.init().Class(['Sınıf1','Sınıf2']);
Yukarıdaki örnekte Öge1; Öge2'nin kolay/kısaltılmış yazımıdır.
Otağ düz yazıyla anlatılmak istenilenin (Sınıf mı Etiket mi) belli olmadığı durumlarda iki şeye bakar
- yazı tek sözcük mü yoksa birden fazla sözcük mü içeriyor?
- tek sözcük ise büyük harfle mi başlamış
Büyük harf/Birden fazla sözcükle anlatılmak istenenin sınıf olduğunu anlar
var Öge='Dağ'.init(); //<div class="Dağ"></div>
var Öge='dağ'.init(); //<dağ></dağ>
var Öge='dağ bayır'.init(); //<div class="dağ bayır"></div>
Yazı yazdıktan sonra Öge yöntemlerini direk kullanabilirsiniz, .init kendiliğinden çağrılır.
let a='b#öb.rek'.init().disp()
let b='b#öb.rek'.disp()
Yani yukarıdaki a ile b yazımı aynı işi yapar.
'₺Bileşen.Sınıf#Kimlik'.init(arg1,arg2..)
Bu yazım Bileşen'i arg1,arg2.. argümanları ile oluşturur, Sınıf sınıfını ve Kimlik kimliğini atar.
'₺Bileşen:arg1:arg2.Sınıf#Kimlik'.init()
Eğer Yazı türündeyse girdileri bu şekilde de verebilirsiniz. Böylece init yazmadan da diğer Öge yöntemlerini kullanabilirsiniz (Bkz:2.Örnek)
Otağ.UI.js'te bulunan UI.List Bileşenini Ağaç modeli ile (İlk girdi olarak "Ağaç" vererek) oluşturalım
let AğaçListesi='₺List:Ağaç.Ağaçlar'.init()
<div class="Ağaçlar List"></div>