การใช้งาน Yii2 Scroll Pager แทนการใช้ Pagination ใน Yii Framework 2

คู่มือการเรียนรู้ Yii Framework 2 (Yii2)

บทเรียนดีๆ สำหรับผู้ที่ต้องการแบ่งปัน บทเรียนของคุณอาจมีค่าสำหรับอีกหลายๆ คน

beta version

การใช้งาน Yii2 Scroll Pager แทนการใช้ Pagination ใน Yii Framework 2

มานพ กองอุ่น yii pager pagination 1,919

Yii2 Scroll Pager เป็น Package สำหรับโหลดหน้าต่อไปแทนการใช้งาน Pagination นั่นเอง รายละเอียดดูได้ที่ 

https://packagist.org/packages/kop/yii2-scroll-pager

การติดตั้ง Yii2 Scroll Pager นั้นให้พิมพ์คำสั่ง

composer require kop/yii2-scroll-pager

จากนั้นกำหนดค่าใน ListView และ GridView ดังนี้

echo ListView::widget([
     'dataProvider' => $dataProvider,
     'itemOptions' => ['class' => 'item'],
     'itemView' => '_item_view',
     'pager' => ['class' => \kop\y2sp\ScrollPager::className()]
]);
echo GridView::widget([
     'dataProvider' => $dataProvider,
     'pager' => [
        'class' => \kop\y2sp\ScrollPager::className(),
        'container' => '.grid-view tbody',
        'item' => 'tr',
        'paginationSelector' => '.grid-view .pagination',
        'triggerTemplate' => '<tr class="ias-trigger"><td colspan="100%" style="text-align: center"><a style="cursor: pointer">{text}</a></td></tr>',
     ],
]);

การปรับแต่งและการตั้งค่าต่างๆ สามารถดูรายละเอียดเพิ่มเติมได้ที่

https://github.com/kop/yii2-scroll-pager

 


หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com
มานพ กองอุ่น

มานพ กองอุ่น
admin

  • 2 เพื่อน
  • 8 ผู้ติดตาม
  • 754 โพสต์
กลับขึ้นบน