Skip to main content
Version: 1.0.1

handleSort

Açıklama: Bu fonksiyon, kullanıcı tarafından belirlenen sıralama kriterlerini API'ye gönderir ve gelen sonuçlarla tabloyu günceller.

Kod

handleSort(sortBy: string, type: SortTypeEnum, callback?: () => void) {
const requestData: IListRequest = {
...defaultParams,
sorting: {
sortBy,
type,
},
};

this.getdata(requestData, callback, callback);
}

Ne İşe Yarar?

  • Kullanıcının sıralama işlemlerini işler ve API'ye gönderir.
  • API'den alınan sonuçlarla tabloyu sıralar.

Parametreler

ParametreTipiAçıklama
sortBystringSıralama işleminin yapılacağı sütun adı.
typeSortTypeEnumSıralama türü (ASC veya DESC).
callback() => voidİşlem tamamlandığında çağrılacak opsiyonel fonksiyon.

Kullanım Alanları

1. TableHeader

  • Kullanım Amacı: Kullanıcı bir sütunu sıralamak istediğinde çağrılır.
  • Kullanıldığı Yer: TableHeader bileşeninde.
onSort={(column) => tableService.handleSort(column.id, column.sortType)}

2. OpsTableProvider

  • Kullanım Amacı: Tablo sıralama işlemini desteklemek ve API'den yeni veriler almak için çağrılır.
  • Kullanıldığı Fonksiyon: getdata
this.handleSort(activeSortBy, activeSortType);

İş Mantığı

  1. Kriterleri İşleme:

    • Kullanıcının sıralama tercihleri, API'nin beklediği formata dönüştürülür.
    • sortBy sıralama yapılacak sütunu, type sıralama yönünü belirtir.
  2. API Çağrısı:

    • getdata fonksiyonu kullanılarak sıralama sonuçları alınır ve tablo güncellenir.
  3. Callback Yönetimi:

    • İşlem tamamlandığında opsiyonel callback fonksiyonu çağrılır.

Önemli İpuçları

  • sortBy, sıralama yapılacak sütunun API'de doğru eşleştiğinden emin olunmalıdır.
  • Sıralama türleri genellikle ASC (artan) ve DESC (azalan) olarak belirtilir.
  • Kullanıcı tarafından sıralama türü seçilmediğinde varsayılan bir değer atanabilir.
  • Hataları yönetmek ve kullanıcıya bildirmek için API çağrılarında hata yakalama mekanizmaları kullanılmalıdır.