This repository has been archived by the owner on Jan 30, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
.layout
Alper Kürşat edited this page Mar 17, 2018
·
1 revision
.layout( şablon Dizi )
İç içe çok fazla ekleme yapmak, düzenli şablon oluşturmak için kullanılır. Değer olarak dizi alır.
let öge='Öge'.layout([
'#s1.sutun'.layout(['a','b'])
,'#s2.sutun'
]);
O.ready.then(b=>b.append(öge));
<div class="Öge">
<div class="sutun" id="s1">
<a></a>
<b></b>
</div>
<div class="sutun" id=“s2"></div>
</div>
Buraya kadar .append yöntemi ile farkı yoktu ancak .layout yönteminin bir görevi bunu daha kısa biçimde yazmak.
Şablon dizisinde öge olarak dizi verilerek öz yineleme sağlanmış olur. Aşağıdaki örnek yukarıdaki örneğin kısa yazımıdır.
'Öge'.layout([
['#s1.sutun',['a','b']]
,'#s2.sutun'
]);
Bu şekilde iç içe istediğiniz kadar yazabilirsiniz
Burada şablon yönteminin yaptığı güzel bir iş ise .has ile eklenen View bağlarını kullandırabilmesidir.
let Baş='Baş'.has({
gövde:'Gövde'.has({
ayak:'Ayak'
})
}).layout([
['#s1.sutun',['a','b']]
,['#s2.sutun',['gövde','gövde:ayak']]
]);
O.ready.then(b=>b.append(Baş));
<div class="Baş">
<div class="sutun" id="s1">
<a></a>
<b></b>
</div>
<div class="sutun" id="s2">
<div class="Gövde">
<div class="Ayak"></div>
</div>
</div>
</div>
©️ Copyright | 2018 | |
---|---|---|
Otağ™ JS | ilgilenio® ⚙️ açık kaynak |