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:
TableHeaderbileş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.
sortBysıralama yapılacak sütunu,typesıralama yönünü belirtir.
-
API Çağrısı:
getdatafonksiyonu kullanılarak sıralama sonuçları alınır ve tablo güncellenir.
-
Callback Yönetimi:
- İşlem tamamlandığında opsiyonel
callbackfonksiyonu ç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.