Tuşlar (API)

Bu bölümde Olobase Vuetify Admin'de kullanılan tüm tuş bileşenleri referansını bulacaksınız.

Action

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

  • ActionButton

Ö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.

List

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

  • Resource

Ö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.

Show

Tüm kaynak gösterme eylemlerine yönelik tuş. Varsayılan olarak sayfayı göstermeye yönlendirir.

Mixinler

  • Resource

Ö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.

RowShow

Vuetify v-menu bileşenini kullanarak veri tablosu üzerinde detay gösterme eylemini gerçekleştirir.

Mixinler

  • Resource
  • RedirectButton

Ö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.

Create

Tüm kaynak oluşturma eylemlerine yönelik tuş. Varsayılan olarak sayfa oluşturmaya yönlendirir.

Mixinler

  • Resource

Ö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.

CreateDialog

VaList bileşeninde kaynak ekleme işlemlerini bir modal pencere içerisinden yapılmasını sağlar.

Mixinler

  • Resource
  • RedirectButton
Ö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.

RowCreate

Veri tablosu üzerinde boş bir satır açarak yeni bir kaynak eklenmesine yönelik eylemi gerçekleştirir.

Mixinler

  • Resource
  • RedirectButton
Ö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.

Edit

Tüm kaynak düzenleme eylemlerine yönelik düğme. Varsayılan olarak düzenleme sayfasına yönlendirir.

Mixinler

  • Resource

Ö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.

RowSaveDialog

Veri tablosu üzerinde tıklandığında yeni bir modal penceresi açarak kaynak düzenlenme/ekleme işlemlerini gerçekleştirir.

Mixinler

  • Resource
  • RedirectButton

Ö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.

Clone

Tüm kaynak klonlama eylemlerine yönelik tuş. Kopyalanacak orijinal kaynağın hedef kimliğiyle varsayılan olarak sayfa oluşturmaya yönlendirir.

Mixinler

  • Resource

Ö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.

Delete

Tüm kaynak silme eylemlerine yönelik tuş. Onaylama iletişim kutusuyla birlikte gelir.

Mixinler

  • Resource

Ö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.

Bulk Action

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

  • ActionButton

Ö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.

Bulk Delete

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.

Bulk Copy

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.

Excel Export

VaList bileşeninde işlevin api servisinizdeki excel export operasyonuna yönlendirilmesini sağlar.

Mixinler

  • Resource
  • Button

Olaylar

Olay Adı Açıklama
click Tıklandığında tetiklenir, varsa ilgili öğeyi gönderin.

Save

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

  • Resource
  • Button
Ö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.