Graphic ComScienceบทที่ 9 การแบ่งหน้าแสดงผลข้อมูล |
ในเนื้อหาที่ผ่านมา เราได้ผ่านขั้นตอนการสร้างระบบแสดงผลข้อมูล ซึ่งทำหน้าที่แสดงผลข้อมูลจากฐานข้อมูลแบบวนลูป ข้อมูลทุกเร็คคอร์ดจะถูกแสดงผลออกมาในหน้าเว็บเพจเดียว
เนื้อหาในบทนี้จะกล่าวถึงการแสดงผลข้อมูลโดยแบ่งผลลัพธ์ออกเป็นหลายๆ หน้า โดยขั้นตอนการแบ่งหน้าแสดงผลนี้ จะทำต่อจากขั้นตอนการแสดงผลข้อมูลที่ผ่านมา
การแบ่งหน้าแสดงผลข้อมูลที่ยกมาอธิบายในที่นี้ แบ่งเป็นขั้นตอนได้ดังต่อไปนี้
1. การกำหนดจำนวนเร็คคอร์ดสำหรับแสดงผลต่อ 1 หน้า
2. การสร้างลิงค์สำหรับคลิกแสดงผลทีละ 1 หน้า
3. การใช้งานระบบแสดงผลข้อมูลแบบแบ่งหน้า
(1) การกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า |
ในขั้นตอนนี้ จะเป็นการกำหนดให้เว็บเพจแสดงผลวนซ้ำจนกว่าจะครบจำนวนเร็คคอร์ดต่อ 1 หน้าที่ระบุ
ขั้นตอนการกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า:
1. เริ่มต้นที่หน้าจอ Dreamweaver MX เปิดไฟล์ 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 MX เปิดไฟล์ list.php
2. คลิกเม้าส์เพื่อวางเคอร์เซอร์ที่ตำแหน่งด้านล่างถัดจากตารางแสดงผล หลังจากนั้นให้คลิกเลือกเมนู
Insert > Application Objects > Display Record Count > Recordset Navigation Status
3. เมื่อปรากฏไดอะล็อก Recordset Navigation Status ขึ้นมา เป็นการให้เลือกว่าจะกระทำกับ Recordset ใด (กรณีที่ใน 1 เว็บเพจมีการสร้างหลาย Recordset) ในที่นี้ให้เลือก rsEmp หลังจากนั้นให้คลิก OK
รูปแสดงไดอะล็อก Recordset Navigation Status
จะปรากฏข้อความแสดงสถานะว่าขณะนี้กำลังแสดงผลเร็คคอร์ดใดบ้าง
รูปแสดง Recordset Navigation Status
4. คลิกเลือกเมนู Insert > Application Objects > Recordset Paging > Recordset Navigation Bar
5. เมื่อปรากฏไดอะล็อก Recordset Navigation Bar ขึ้นมา เป็นการให้เลือกว่าจะกระทำกับ Recordset ใด
(กรณีที่ใน 1 เว็บเพจมีการสร้างหลาย Recordset) ในที่นี้ให้เลือก rsEmp ในช่อง Display Using ให้เลือก Text หลังจากนั้นให้คลิก OK
รูปแสดงไดอะล็อก Recordset Navigation Bar
จะปรากฏลิงค์สำหรับคลิกเพื่อแสดงผลข้อมูลกลับไป-มาทีละ 10 เร็คคอร์ด หรือแล้วแต่จำนวนที่เรากำหนดในขั้นตอนการแสดงผลซ้ำ
รูปแสดง Recordset Navigation Bar
6. บันทึกไฟล์ list.php
(3) การใช้งานระบบแสดงผลข้อมูลแบบแบ่งหน้า |
เริ่มต้นโดยใช้โปรแกรม Dreamweaver MX เปิดไฟล์ list.php ขึ้นมา แล้วกดปุ่ม F12 โปรแกรม Internet Explorer จะถูกเปิดขึ้นมาเรียกใช้งานไฟล์ list.php หลังจากนั้นทดสอบคลิกที่ลิงค์ First Previous Next และ Last ด้านล่างของหน้าเว็บเพจ เร็คคอร์ดที่แสดงผลจะปรากฏขึ้นมาทีละ 10 เร็คคอร์ด
