data-aether-action
Bu nitelik, tetikleyiciye tıklandığında hedef element üzerinde gerçekleştirilecek işlemin türünü belirler. Varsayılan davranış "Aç/Kapat" (Toggle) şeklindedir, ancak bunu zorlayıcı komutlarla değiştirebilirsiniz.
01 Kullanım
Genellikle ui-control türündeki tetikleyicilerle birlikte kullanılır. Örneğin, bir modalın içindeki "Kapat" butonu için eylemi close olarak belirtmek gerekir.
<button data-aether-trigger="ui-control" data-aether-target="notification-1" data-aether-action="close" > ... </button>
02 Kabul Edilen Değerler
AetherUI aşağıdaki aksiyon değerlerini destekler. Eğer bu niteliği boş bırakırsanız sistem otomatik olarak toggle modunda çalışır.
| Değer | Davranış |
|---|---|
| toggle | Varsayılan Element açıksa kapatır, kapalıysa açar. |
| open / show | Elementi zorla açar/görünür yapar. Zaten açıksa işlem yapmaz. |
| close / hide | Elementi zorla kapatır/gizler. Zaten kapalıysa işlem yapmaz. |
| remove | Hedef elementi DOM'dan tamamen siler. |
03 Özel Durum: Remove
DOM'dan Silme İşlemi
action="remove" değeri diğerlerinden farklı çalışır. Hedef elementi gizlemek yerine HTML yapısından (DOM) tamamen siler.
Bu özellik, "Bir daha gösterme" mantığıyla çalışan bilgi bannerları veya geçici uyarı kutuları için idealdir. Sayfa yenilenene kadar element geri getirilemez.