Bu bölümde Olobase Vuetify Admin'de kullanılan tüm tuş bileşenleri referansını bulacaksınız.
Herhangi bir özel eylem tuşu için kullanabileceğiniz bileşen. Veri gösterme tablosu satırlarında; oluşturma, gösterme veya düzenleme sayfalarının üst başlığında kullanılabilir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
block | boolean |
Tuşu kullanılabilir alanın %100'üne kadar genişletir. |
type | string |
Tuşun tür özelliğini ayarlar. (Varsayılan: button). |
variant | string |
Bileşene farklı stiller uygular. ('text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain'). |
to | string , object |
Tıklamada yönlendirmek için Vue rotası. |
href | string |
Bağlantı kurmak için tuşu href'e çevirir. |
target | boolean |
Href kullanılırsa sabitleme hedefi. |
loading | string |
Tuş üzerindeki yükleme gösterimini etkinleştirir. |
Olaylar
Olay Adı | Açıklama |
---|---|
click | Tıklandığında tetiklenir, varsa ilgili öğeyi gönderin. |
Tüm liste kaynağı eylemlerine yönelik düğme. Varsayılan olarak liste sayfasına yönlendirin. Dahili CRUD sayfasında üst başlıkta gösterilir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
Tüm kaynak gösterme eylemlerine yönelik tuş. Varsayılan olarak sayfayı göstermeye yönlendirir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
disableRedirect | boolean |
Uyumlu tuşlar için varsayılan yönlendirme davranışını devre dışı bırakır. |
Vuetify v-menu bileşenini kullanarak veri tablosu üzerinde detay gösterme eylemini gerçekleştirir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
Tüm kaynak oluşturma eylemlerine yönelik tuş. Varsayılan olarak sayfa oluşturmaya yönlendirir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
disableRedirect | boolean |
Uyumlu tuşlar için varsayılan yönlendirme davranışını devre dışı bırakır. |
VaList bileşeninde kaynak ekleme işlemlerini bir modal pencere içerisinden yapılmasını sağlar.
Mixinler
Özellik | Tür | Açıklama |
---|---|---|
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
Olaylar
Olay Adı | Açıklama |
---|---|
last-dialog | Bir event bus olayıdır. eventBus.emit("last-dialog", false) ile açılan pencereyi bir axios http işleminden sonra kapatmanızı sağlar. |
Veri tablosu üzerinde boş bir satır açarak yeni bir kaynak eklenmesine yönelik eylemi gerçekleştirir.
Mixinler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
Tüm kaynak düzenleme eylemlerine yönelik düğme. Varsayılan olarak düzenleme sayfasına yönlendirir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
iconSize | string | x-small, small, default, large, x-large |
iconSize | string | x-small, small, default, large, x-large |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
disableRedirect | boolean |
Uyumlu tuşlar için varsayılan yönlendirme davranışını devre dışı bırakır. |
Veri tablosu üzerinde tıklandığında yeni bir modal penceresi açarak kaynak düzenlenme/ekleme işlemlerini gerçekleştirir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
disableRedirect | boolean |
Uyumlu tuşlar için varsayılan yönlendirme davranışını devre dışı bırakır. |
Tüm kaynak klonlama eylemlerine yönelik tuş. Kopyalanacak orijinal kaynağın hedef kimliğiyle varsayılan olarak sayfa oluşturmaya yönlendirir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
iconSize | string | x-small, small, default, large, x-large |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
disableRedirect | boolean |
Uyumlu tuşlar için varsayılan yönlendirme davranışını devre dışı bırakır. |
Tüm kaynak silme eylemlerine yönelik tuş. Onaylama iletişim kutusuyla birlikte gelir.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
iconSize | string | x-small, small, default, large, x-large |
query | object | Query string parametreleri |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
redirect | boolean |
Başarılı silme işleminden sonra kaynak listesine yönlendirir. Geçerli sayfa kaynak siliniyorsa varsayılan yönlendirme etkindir. |
Olaylar
Olay Adı | Açıklama |
---|---|
click | Tıklandığında tetiklenir, varsa ilgili öğeyi gönderin. |
delete | Öğe yoksa özel silme eylemi. Kendi özel mantığına sahip olan toplu silme butonu için kullanılır. |
deleted | Kaynak öğesinin başarıyla silinmesi sonrası tetiklenir. |
VaList bileşenindeki toplu eylemleri gerçekleştirmek için genel özelleştirilebilir tuş. Öğe seçimlerinden sonra gösterilir. Başlık altında copyMany veya deleteMany veri sağlayıcı yöntemini kullanır.
Mixinler
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
value | array |
Seçilen kaynak öğeleri. |
action | object |
copyMany, deleteMany gibi veri sağlayıcı yönteminde gönderilecek veri nesnesi. Kopyalanacak veya silinecek kaynak özelliklerini içerir. |
Olaylar
Olay Adı | Açıklama |
---|---|
click | Tıklandığında tetiklenir, varsa ilgili öğeyi gönderin. |
input | Seçili öğeleri temizle. |
VaList'e yönelik toplu işlemleri silme düğmesi. Checkbox seçimi ile gözükür. Tüm VaDeleteButton özelliklerini korur ve deleteMany veri sağlayıcı yöntemini kullanır.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
value | array |
Seçilen kaynak öğeleri. |
Olaylar
Olay Adı | Açıklama |
---|---|
input | Seçili öğeleri temizle. |
VaList'e yönelik toplu işlemleri silme düğmesi. Checkbox seçimi ile gözükür. Tüm VaCopyButton özelliklerini korur ve deleteCopy veri sağlayıcı yöntemini kullanır.
Özellikler
Özellik | Tür | Açıklama |
---|---|---|
value | array |
Seçilen kaynak öğeleri. |
Olaylar
Olay Adı | Açıklama |
---|---|
input | Seçili öğeleri temizle. |
VaList bileşeninde işlevin api servisinizdeki excel export operasyonuna yönlendirilmesini sağlar.
Mixinler
Olaylar
Olay Adı | Açıklama |
---|---|
click | Tıklandığında tetiklenir, varsa ilgili öğeyi gönderin. |
VaForm bileşeni için kullanılabilecek varsayılan kaydetme tuşudur. Sadece bir gönder işlevinden ibarettir, asıl işi VaForm bileşeni yapar. Aşağıdaki işlevi tetikler.
this.formState.submit(this.redirect)
Mixinler
Özellik | Tür | Açıklama |
---|---|---|
block | boolean |
Tuşu kullanılabilir alanın %100'üne kadar genişletir. |
item | string |
Tuşa eklenen öğe. |
icon | boolean |
True ise, tuşu yalnızca simgeyle gösterir. |
color | string , object |
Metin prop değerine bağlı olarak özelleştirilebilir arka plan veya metin rengi. |
text | boolean |
Arka plan tuşunu kaldırır. |
label | string |
Varsayılan etiketi geçersiz kılar. |
redirect | boolean |
Başarılı kaydetme işleminden sonra kaynak listesine yönlendirir. |