UX Rocket Clear
Metin alanına yapılan girişleri tek seferde silmek için kullanılmaktadır. Metin kutusuna yazmaya başlandığında kutunun sağ tarafında bir çarpı (x) işareti belirir. Çarpıya basıldığında metin kutusunun içeriği silinir.
<input type="text" class="clear-field" placeholder="Birşeyler yazınız" />
<input type="text" class="clear-field" value="Lorem ipsum" placeholder="Birşeyler yazınız" />
Notlar
Clear plugini uygulanmış bütün elemanlar, uxitd-clear-wrap
classına sahip bir span
ya da label
içerisine konulmaktadır. Çıkacak çarpı işaretinin pozisyonu da bu wrapper elemanına göre tanımlanmaktadır.
Tanımlar
Property |
Default |
Açıklama |
cssClass |
.icon-cross |
Silme butonu için kullanılacak ikon simgesini belirler |
clearAlso |
null |
Etkileşimli olarak alan silindiğinde, ek olarak değeri silinecek bağlı başka bir alanı belirler. jQuery seçicisinde kullanmak üzere bir 'selector' tanımlanabilir |
Data Attribute |
|
css-class |
Silme butonu için kullanılacak ikon simgesini belirler |
clear-also |
Etkileşimli olarak alan silindiğinde, ek olarak değeri silinecek bağlı başka bir alanı belirler. jQuery seçicisinde kullanmak üzere bir 'selector' tanımlanabilir |
Callback |
|
onReady |
Clear, form elemanına bağlandığında çalışacak fonksiyonu çağırır. |
onClear |
Alan silindiğinde çalışacak fonksiyonu çağırır |
onUpdate |
Clear pluginine ait instance güncellendikten sonra çalışacak fonksiyonu çağırır. |
onRemove |
Clear pluginine ait instance kaldırıldıktan sonra çalışacak fonksiyonu çağırır. |
Public Metodlar
Method |
Açıklama |
$(selector).clear(options) |
Bu method plugini manuel olarak bir elemana bağlamanızı sağlar. |
$.uxclear |
Bu method pluginin detayını görmenizi sağlar. |
$.uxclear.update(el) |
Sayfa işlemleri sırasında tanımları değiştirilen elemanlarda pluginin özelliklerinin güncellenmesini sağlar. |
$.uxclear.remove(el) |
Sayfa işlemleri sırasında pluginin eleman üzerinde bağlantısının kaldırılıp, elemanın orjinal durumuna dönmesini sağlar. |
$.uxclear.version |
Sayfaya eklenmiş pluginin versiyon numarasını gösterir. |