Dreamweaver CS3 รวมฟังก์ชัน Spry ไว้ด้วยกัน เราทุกคนรู้ดีว่า Spry มีฟังก์ชันในการประมวลผลข้อมูล XML เราก็เคยเห็นมาแล้วเช่นกัน แต่ฟังก์ชันพื้นที่โดยละเอียดของ Spry ดูเหมือนจะหาได้ยาก
พื้นที่รายละเอียด Spry ค่อนข้างคล้ายกับฟังก์ชันของหน้ารายการข่าวและหน้ารายละเอียดหลักในระบบข่าว เช่น เมื่อเราดูข่าว หน้าใดหน้าหนึ่งจะแสดงเฉพาะชื่อข่าวทั้งหมด เมื่อคุณสนใจชื่อข่าว คุณสามารถคลิกชื่อเพื่อเปิดหน้าเว็บใหม่และดูเนื้อหาข่าวทั้งหมดได้ . จากนั้นหน้าที่แสดงรายการชื่อเรื่องทั้งหมดเรียกว่า "หน้าแรก" และหน้าที่แสดงเนื้อหาข่าวเฉพาะเจาะจงเรียกว่า "หน้ารายละเอียด"
แน่นอนว่าหน้ารายละเอียดหลักนี้ต้องมีอย่างน้อยสองหน้า พื้นที่รายละเอียด Spry ที่เราใช้สามารถแสดงบนหน้าเว็บได้โดยไม่ต้องรีเฟรช
1. สร้างเว็บเพจใหม่และผูกชุดข้อมูล Spry XML
เปิดแผง [Insert] ในหน้าเว็บแล้วคลิก [Spry XML Data Set] ใต้แท็บ [Spry]
2. เลือกแหล่งข้อมูล XML
กล่องโต้ตอบ [ชุดข้อมูล Spry XML] จะปรากฏขึ้น [แหล่งที่มา XML] อาจเป็นข้อมูล XML ในไดเร็กทอรีท้องถิ่นหรือข้อมูล XML ระยะไกลข้ามโดเมน
คลิกปุ่ม [รับสคีมา] และเลือกองค์ประกอบที่ซ้ำกันอันมีค่าในข้อมูล XML ในกล่องรายการ [องค์ประกอบแถว] นี่คือองค์ประกอบ "รายการ" ที่เลือก (เครื่องหมาย + ที่มุมขวาบนของเครื่องหมาย <> หมายถึงหลายลูป ).
PS หากคุณสร้างเพจการรวมข้อมูล XML คุณสามารถเลือก [ปิดใช้งานการแคชข้อมูล XML] และเลือกเวลาที่จะรีเฟรชข้อมูลโดยอัตโนมัติเพื่อรับการซิงโครไนซ์ข้อมูลระยะไกลโดยอัตโนมัติ
3. แทรกตาราง Spry และแสดงข้อมูล Spry XML บนเพจ
คลิกปุ่ม [Spry Table] ใต้แท็บ [Spry] ของแผง [Insert] และลบ [Columns] ที่ไม่จำเป็นต้องแสดงในกล่องโต้ตอบป๊อปอัป
สิ่งสำคัญคือต้องเลือกพื้นที่รายละเอียด "อัปเดต" ที่จะใช้เมื่อมีการคลิกแถว
[ตกลง] แทรกตาราง Spry โดยแจ้งว่าจำเป็นต้องแทรกพื้นที่ Spry เนื่องจากข้อมูล Spry XML ทั้งหมดจะต้องแสดงในพื้นที่ Spry
ประการที่สี่ แทรกพื้นที่รายละเอียด Spry
ขั้นแรก ให้คงเคอร์เซอร์ของเมาส์ไว้หลัง "ตาราง Spry" ที่ถูกแทรกลงในเพจ แล้วคลิกปุ่ม [Spry Area] ใต้แท็บ [Spry] ของแผง [Insert]
ในกล่องโต้ตอบป๊อปอัป ต้องเลือก [ประเภท] เป็น "พื้นที่รายละเอียด" เพื่อระบุว่ามีการใช้พื้นที่รายละเอียด Spry ปัจจุบัน
5. แทรก "รายละเอียด" ลงในพื้นที่รายละเอียด Spry
วางเคอร์เซอร์ของเมาส์ในพื้นที่รายละเอียดของ Spry เปิดแผง [Binding] และเลือกองค์ประกอบ "คำอธิบาย" เพื่อ [แทรก] ลงในพื้นที่รายละเอียดของ Spry
การบันทึกหน้าเว็บจะแจ้งให้เราบันทึกไฟล์เอฟเฟกต์ Spry อย่าลืมอัปโหลดไฟล์เหล่านี้พร้อมกันเมื่อทำการอัปโหลด
6. ดูตัวอย่างเอฟเฟกต์
แสดงข้อมูล XML ระยะไกลข้ามโดเมน และคลิกชื่อของแต่ละแถวเพื่อเปิดเนื้อหาเพื่อดูในหน้าปัจจุบันโดยไม่ต้องรีเฟรช ซึ่งดีมาก
