onChangePage

Açıklama: Bu fonksiyon, tablo sayfası değiştirildiğinde API'den yeni verileri almak ve tabloyu güncellemek için kullanılır.

Kod

onChangePage(pageIndex: number, pageSize: number, callback?: () => void) {
  const requestData = {
    pageNumber: pageIndex,
    rowCount: pageSize,
  };

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

Ne İşe Yarar?

• Kullanıcı bir sayfa değiştirdiğinde tabloyu günceller.
• Yeni sayfa için gerekli verileri API'den alır.
• Tabloyu kullanıcı etkileşimlerine göre dinamik olarak günceller.

Parametreler

Parametre	Tipi	Açıklama
pageIndex	number	Değiştirilen sayfanın indeks değeri.
pageSize	number	Her sayfadaki satır sayısı.
callback	() => void	İşlem tamamlandığında çağrılacak opsiyonel fonksiyon.

Kullanım Alanları

1. TableFooterComponent

• Kullanım Amacı: Kullanıcı sayfalar arasında gezinirken tabloyu güncellemek için çağrılır.
• Kullanıldığı Yer: TableFooterComponent bileşeninde sayfa değişikliği kontrolü yapılırken.

<Pagination
  page={currentPageNumber}
  count={totalPageCount}
  onChange={(event, newPage) => tableService.onChangePage(newPage, pageSize)}
/>

2. OpsTableProvider

• Kullanım Amacı: Tablo durumunu güncellemek ve sayfalama işlemlerini desteklemek için kullanılır.
• Kullanıldığı Fonksiyon: getdata

this.onChangePage(1, 10);

İş Mantığı

1. Yeni İstek Nesnesi Oluşturma:
   • pageIndex ve pageSize değerlerine göre yeni bir istek nesnesi (requestData) oluşturulur.
2. API'den Veri Alma:
   • getdata fonksiyonu çağrılarak yeni sayfa için API'den veri alınır.
3. Callback Çalıştırma:
   • İşlem tamamlandığında opsiyonel callback fonksiyonu çağrılır.

Önemli İpuçları

• pageIndex, genellikle sıfır tabanlı bir değer olarak API'ye gönderilir, bu yüzden uygun dönüşüm yapılmalıdır.
• Sayfa başına gösterilecek satır sayısını (pageSize) kullanıcı tercihine göre ayarlamak kullanıcı deneyimini artırabilir.
• Hataları yönetmek için getdata içinde hata yakalama mekanizmalarının aktif olduğundan emin olun.