التصفح بالمؤشر والترتيب الثابت

query Browse($after: String) {
  courses(first: 2, after: $after) {
    edges { cursor node { id title } }
    pageInfo { endCursor hasNextPage }
  }
}

يحفظ العميل endCursor لسياق التصفية والترتيب نفسه ويتابع عند hasNextPage وفق عقد الخدمة.

const rows = [[10,"c1"],[10,"c2"],[11,"c3"],[12,"c4"]];
const after = [10,"c1"];
const eligible = rows.filter(([t,id]) =>
  t > after[0] || (t === after[0] && id > after[1]));
const size = 2;
const window = eligible.slice(0, size + 1);
const page = window.slice(0, size);
console.assert(JSON.stringify(page) === JSON.stringify([[10,"c2"],[11,"c3"]]));
console.assert(window.length > size);

تتضمن الصفحة c2 وc3 ويثبت c4 الإضافي المتابعة للعينة الثابتة دون تشغيل مصدر.