Mahmoud Alrashidi نشر 3 مارس 2021 أرسل تقرير نشر 3 مارس 2021 لدي المُكون التالي لعرض مجموعة من المهام: class AppTasks extends Component { protected $listeners = ['taskAdded' => '$refresh']; public function render() { $totalTasks = auth()->user()->tasks()->count(); $tasks = auth()->user()->tasks()->latest()->get(); return view('livewire.app-tasks', [ 'totalTasks' => $totalTasks, 'tasks' => $tasks ]); } } أريد إضافة pagination بنفس طريقة ال blade لكن يظهر بشكل غير جيد، هل هناك طريقة محددة و عند الضغط على الصفحات يتم الإنتقال بدون تحديث. 1 اقتباس
1 سمير عبود نشر 3 مارس 2021 أرسل تقرير نشر 3 مارس 2021 يُمكنك إستخدام الtrait WithPagination الذي يسمح لك بإضافة التصفح لمكون livewire ثم تحدد القالب على أنه bootstrap بهذا الشكل: use Livewire\WithPagination; class AppTasks extends Component { use WithPagination; protected $paginationTheme = 'bootstrap'; protected $listeners = ['taskAdded' => '$refresh']; public function render() { $totalTasks = auth()->user()->tasks()->count(); $tasks = auth()->user()->tasks()->latest()->paginate(5); return view('livewire.app-tasks', [ 'totalTasks' => $totalTasks, 'tasks' => $tasks ]); } } ثم إضافة السطر: {{ $tasks->links() }} لصفحة العرض. و سيظهر ترقيم الصفحات بشكل عادي، يُمكنك أيضاً إستخدام قالب خاص بك للصفحات إن رغبت في ذلك و الطريقة موجودة في التوثيق الرسمي : Pagination 1 اقتباس
السؤال
Mahmoud Alrashidi
لدي المُكون التالي لعرض مجموعة من المهام:
أريد إضافة pagination بنفس طريقة ال blade لكن يظهر بشكل غير جيد، هل هناك طريقة محددة و عند الضغط على الصفحات يتم الإنتقال بدون تحديث.
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.