บทที่ 9 การแบ่งหน้าแสดงผลข้อมูล

 

ในเนื้อหาที่ผ่านมา เราได้ผ่านขั้นตอนการสร้างระบบแสดงผลข้อมูล ซึ่งทำหน้าที่แสดงผลข้อมูลจากฐานข้อมูลแบบวนลูป ข้อมูลทุกเร็คคอร์ดจะถูกแสดงผลออกมาในหน้าเว็บเพจเดียว

ในบทนี้จะกล่าวถึงการแสดงผลข้อมูลโดยแบ่งผลลัพธ์ออกเป็นหลายๆ หน้า โดยขั้นตอนการแบ่งหน้าแสดงผลนี้ จะทำต่อจากขั้นตอนการแสดงผลข้อมูลที่ผ่านมา

 

การแบ่งหน้าแสดงผลข้อมูลที่ยกมาอธิบายในที่นี้ แบ่งเป็นขั้นตอนได้ดังต่อไปนี้

• การกำหนดจำนวนเร็คคอร์ดสำหรับแสดงผลต่อ 1 หน้า
  
• การสร้างลิงค์สำหรับคลิกแสดงผลทีละ 1 หน้า
  
• การใช้งานระบบแสดงผลข้อมูลแบบแบ่งหน้า
  

 

 

(1) การกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า

 

ในขั้นตอนนี้ จะเป็นการกำหนดให้เว็บเพจแสดงผลวนซ้ำจนกว่าจะครบจำนวนเร็คคอร์ดต่อ 1 หน้าที่ระบุ

ขั้นตอนการกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า:

1. เริ่มต้นที่หน้าจอ Dreamweaver เปิดไฟล์ list.php คลิกเลือกบริเวณที่ต้องการแสดงผลข้อมูลวนซ้ำ คือบรรทัดที่ 2 ของตาราง เพื่อให้ตำแหน่งของเคอร์เซอร์อยู่ภายในบริเวณบรรทัดที่แสดงผล หลังจากนั้นให้คลิกเลือกแท็ก <TR> บน Tag Selector
   

   
   

   รูปแสดงการกำหนดการวนลูปแสดงผลซ้ำ
   
   

2. คลิกที่เมนู Window > Server Behaviors หลังจากนั้นให้ดับเบิลคลิกรายการ Repeat Region ที่ได้สร้างไว้ก่อนหน้านี้
   ดังรูป
   
   

รูปแสดงไดอะล็อก Repeat Region แสดงการกำหนดแสดงผล 10 เร็คคอร์ดต่อ 1 หน้า

 

(2) การสร้างลิงค์สำหรับคลิกแสดงผลทีละ 1 หน้า

 

ในขั้นตอนการกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า ที่ผ่านมา จะเห็นว่าเราได้กำหนดให้แสดงผลข้อมูล
ครั้งละ 10 เร็คคอร์ด ดังนั้น หากลองทดสอบการทำงานไฟล์ list.php จะพบว่ามีข้อมูลที่แสดงผลเพียง 10 เร็คคอร์ด
เท่านั้น ซึ่งในความเป็นจริงอาจจะมีมากกว่านั้นก็ได้ ในส่วนนี้ก็จะเป็นการสร้างลิงค์สำหรับคลิกกลับไป-มาทีละ 10 เร็คคอร์ด
หรือแล้วแต่จำนวนที่เรากำหนดในขั้นตอนการแสดงผลซ้ำนั่นเอง

 

ขั้นตอน:

1. เริ่มต้นที่หน้าจอ Dreamweaver เปิดไฟล์ list.php
   
2. คลิกเม้าส์เพื่อวางเคอร์เซอร์ที่ตำแหน่งด้านล่างถัดจากตารางแสดงผล หลังจากนั้นให้คลิกเลือกเมนู
   Insert > Application Objects > Display Record Count > Recordset Navigation Status
   

 

 

1. เมื่อปรากฏไดอะล็อก Recordset Navigation Status ขึ้นมา เป็นการให้เลือกว่าจะกระทำกับ Recordset ใด
   (กรณีที่ใน 1 เว็บเพจมีการสร้างหลาย Recordset) ในที่นี้ให้เลือก rsEmp หลังจากนั้นให้คลิก OK
   

 

รูปแสดงไดอะล็อก Recordset Navigation Status

จะปรากฏข้อความแสดงสถานะว่าขณะนี้กำลังแสดงผลเร็คคอร์ดใดบ้าง

รูปแสดง Recordset Navigation Status

 

1. คลิกเลือกเมนู Insert > Application Objects > Recordset Paging > Recordset Navigation Bar
   
2. เมื่อปรากฏไดอะล็อก Recordset Navigation Bar ขึ้นมา เป็นการให้เลือกว่าจะกระทำกับ Recordset ใด
   (กรณีที่ใน 1 เว็บเพจมีการสร้างหลาย Recordset) ในที่นี้ให้เลือก rsEmp ในช่อง Display Using ให้เลือก Text หลังจากนั้นให้คลิก OK
   
   

   
   

   รูปแสดงไดอะล็อก Recordset Navigation Bar
   

   
   จะปรากฏลิงค์สำหรับคลิกเพื่อแสดงผลข้อมูลกลับไป-มาทีละ 10 เร็คคอร์ด หรือแล้วแต่จำนวนที่เรากำหนดในขั้นตอนการแสดงผลซ้ำ
   

รูปแสดง Recordset Navigation Bar

1. บันทึกไฟล์ list.php
   

 

 

(3) การใช้งานระบบแสดงผลข้อมูลแบบแบ่งหน้า

 

เริ่มต้นโดยใช้โปรแกรม Dreamweaver เปิดไฟล์ list.php ขึ้นมา แล้วกดปุ่ม F12 โปรแกรม Internet Explorer
จะถูกเปิดขึ้นมาเรียกใช้งานไฟล์ list.php หลังจากนั้นทดสอบคลิกที่ลิงค์ First Previous Next และ Last ด้านล่างของหน้าเว็บเพจ
เร็คคอร์ดที่แสดงผลจะปรากฏขึ้นมาทีละ 10 เร็คคอร์ด