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
Parametre | Tipi | Açıklama |
---|---|---|
sortBy | string | Sıralama işleminin yapılacağı sütun adı. |
type | SortTypeEnum | Sı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ığı
-
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.
-
API Çağrısı:
getdata
fonksiyonu kullanılarak sıralama sonuçları alınır ve tablo güncellenir.
-
Callback Yönetimi:
- İşlem tamamlandığında opsiyonel
callback
fonksiyonu çağrılır.
- İşlem tamamlandığında opsiyonel
Ö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) veDESC
(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.