ใช้ลิงก์เพื่อแสดงหน้ารายละเอียด
ในอดีตเมื่อใช้ UltraDev การลิงก์ไปยังหน้าข้อมูลโดยละเอียดจะทำผ่านลักษณะการทำงานของเซิร์ฟเวอร์ "ไปที่หน้ารายละเอียด" อย่างไรก็ตาม ลักษณะการทำงานนี้ไม่ได้ระบุไว้ในหน้าต่างลักษณะการทำงานของเซิร์ฟเวอร์ สภาพแวดล้อม NET แล้วฉันควรทำอย่างไรกับลิงค์? คำตอบอยู่ที่การตั้งค่าของตัวควบคุม DataGrid
เพื่อความสะดวกในการอธิบาย เรายังใส่องค์ประกอบของหน้ารายละเอียดไว้ในหน้า default.aspx
ขั้นแรกให้สร้างชุดบันทึก "DataSet2" เพื่อแสดงข้อมูลโดยละเอียด วิธีการสร้างนั้นง่ายมาก ดังแสดงในรูป เพียงตั้งค่าหมายเลขซีเรียลเป็นพารามิเตอร์ "xid" ที่ส่งผ่าน URL
แทรกตารางลงในเพจ ผูกฟิลด์ในบันทึก "DataSet2" ที่ตั้งค่าไปยังตำแหน่งที่เหมาะสมตามลำดับ และอย่าลืมใช้ Server Behaviors → Show Region → Show If DateSet Is Not Empty เพื่อตั้งค่าพฤติกรรมเมื่อ " ชุดระเบียน DataSet2" จะถูกซ่อนตารางเมื่อว่างเปล่า ดังที่แสดงด้านล่าง
หลังจากเสร็จสิ้น เราจำเป็นต้องแก้ไขตัวควบคุม DataGrid อีกครั้ง ตั้งค่าหมายเลขซีเรียลในกล่องโต้ตอบเป็นลิงก์ที่ส่งผ่านพารามิเตอร์ "xid" เลือก "หมายเลขซีเรียล" ในช่อง "คอลัมน์" จากนั้นคลิกปุ่ม "เปลี่ยนคอลัมน์" พิมพ์ปุ่ม" ด้านล่างเพื่อแปลงประเภทคอลัมน์และเลือกรายการไฮเปอร์ลิงก์ " ไฮเปอร์ลิงก์"
ตั้งค่าต่อไปนี้ในกล่องโต้ตอบป๊อปอัป "Hyperlink Culumn"
หัวข้อ: "หมายเลขซีเรียล" - แสดงชื่อเรื่องของคอลัมน์
ข้อความไฮเปอร์ลิงก์: - ข้อความไฮเปอร์ลิงก์ รวมถึงสามรายการที่นี่
ข้อความคงที่: - คุณสามารถเขียนข้อความที่นี่เป็นลิงก์ได้
ช่องข้อมูล: "หมายเลขซีเรียล" - คุณสามารถเลือกช่องในชุดระเบียนเป็นลิงก์ได้
สตริงรูปแบบ:——คุณสามารถกำหนดรูปแบบการแสดงผลของฟิลด์ได้
หน้าที่เชื่อมโยง:——หน้าที่เชื่อมโยงไปถึง ยังมีสามรายการที่นี่
URL แบบคงที่: - ลิงก์ไปยังหน้าคงที่
ฟิลด์วันที่: "หมายเลขซีเรียล" - หมายถึงการเลือกฟิลด์ "หมายเลขซีเรียล" เป็นค่าพารามิเตอร์ที่ส่งไปยังหน้าถัดไป รูปแบบสตริง: "default.aspx?xid={0}" - ใช้ปุ่มทางด้านขวาเพื่อ เลือกหน้าที่จะเชื่อมโยงไป บันทึกโดยละเอียดของเราก็อยู่ในหน้านี้เช่นกัน เพียงเลือก "default.aspx" เพื่อสร้างสตริงก่อนหน้า ควรสังเกตว่าชื่อพารามิเตอร์ที่สร้างขึ้นโดยอัตโนมัติคือข้อความ "หมายเลขซีเรียล" ของจีน เราสร้างชุดบันทึก "DataSet2" พารามิเตอร์ที่ระบุชื่อ "xid" ดังนั้นจึงจำเป็นต้องแก้ไขด้วยตนเองที่นี่
หลังจากเสร็จสิ้นดังภาพด้านล่าง
คลิก "ตกลง" เพื่อกลับไปบันทึกและทดสอบ
เพิ่มเติมอื่น ๆ
1. เราได้ใช้ประเภทการแสดงผลสี่ประเภทในตัวควบคุม DataGrid และโดยพื้นฐานแล้วรู้วิธีใช้ประเภทเหล่านั้น ประเภทที่เหลือคือ "รูปแบบอิสระ" นี่เป็นประเภทการแสดงผลที่ค่อนข้างฟรี คุณสามารถเพิ่มและรวมเรกคอร์ดไดนามิกหลายเรกคอร์ดได้ที่นี่หรือเพิ่มข้อความลงในเรกคอร์ดเหล่านี้ก็ได้
2. คุณควรจำไว้ว่าเมื่อเราแก้ไขกล่องโต้ตอบไฮเปอร์ลิงก์ Culumn มีรายการ "Format String" ที่ถูกตั้งค่าให้ว่างเปล่า จะตั้งค่าอย่างไรหากจำเป็น หลังจากอ่านเอกสาร ASP.NET แล้ว เราได้ลองทำดังต่อไปนี้ โดยเพิ่มสตริง "{0:X}" ลงในช่องนี้ ดังที่แสดงด้านล่าง
หลังจากบันทึกเราจะเห็นภาพต่อไปนี้ในเบราว์เซอร์
ช่อง "หมายเลขซีเรียล" จะแสดงค่าในรูปแบบเลขฐานสิบหกเนื่องจากมีอักขระรูปแบบ "X" ต่อไปนี้เป็นคำอธิบายอักขระหลายรูปแบบ
C แสดงค่าในรูปแบบสกุลเงิน
D แสดงค่าในรูปแบบทศนิยม
E แสดงค่าตัวเลขในรูปแบบสัญกรณ์วิทยาศาสตร์ (เลขชี้กำลัง)
F แสดงค่าตัวเลขในรูปแบบคงที่
G แสดงค่าตัวเลขในรูปแบบปกติ
N แสดงค่าในรูปแบบตัวเลข
X แสดงค่าในรูปแบบเลขฐานสิบหก
3. ฉันควรทำอย่างไรหากลิงก์ที่ต้องระบุช่อง "หมายเลขซีเรียล" ถูกเปิดขึ้นในรูปแบบหน้าต่างใหม่ ดูเหมือนว่าฟังก์ชันนี้จะไม่มีอยู่ในตัวควบคุม DataGrid ในครั้งนี้ ลองเปลี่ยนซอร์สโค้ดดู ไปที่หน้าต่างซอร์สโค้ดและค้นหาโค้ดที่ตรงกับช่อง "หมายเลขซีเรียล":
DataNavigateUrlField = "หมายเลขซีเรียล"
DataNavigateUrlFormatString="default.aspx?xid={0}"
DataTextField = "หมายเลขซีเรียล"
มองเห็นได้ = "จริง"
HeaderText="หมายเลขซีเรียล"/>
เพิ่มสตริง "Target="_new"" ที่ส่วนท้ายของโค้ดเพื่อสร้าง
DataNavigateUrlField = "หมายเลขซีเรียล"
DataNavigateUrlFormatString="default.aspx?xid={0}"
DataTextField = "หมายเลขซีเรียล"
มองเห็นได้ = "จริง"
HeaderText="หมายเลขซีเรียล"
เป้าหมาย = "_ ใหม่" />
โอเค ก็แค่นั้นแหละ เมื่อคุณคลิกบันทึกลิงค์บนหมายเลขซีเรียลอีกครั้ง มันจะปรากฏในรูปแบบของหน้าต่างใหม่
นี่คือการใช้งานพื้นฐานของการควบคุม DataGrid ในสภาพแวดล้อม ASP.NET ใน Dreamweaver MX แน่นอนว่าคุณสามารถแก้ไขโค้ดเพื่อรับฟังก์ชันเพิ่มเติมได้ ดังที่คำโบราณกล่าวไว้ Dreamweaver MX สามารถให้ประสิทธิภาพได้เมื่อคุณพัฒนา ASP.NET และฟังก์ชั่นที่มีอยู่ในปัจจุบันยังไม่เพียงพออย่างมาก ดังนั้น การดู Source Code และทำความเข้าใจ Source Code ยังคงเป็นกุญแจสำคัญในการใช้ Dreamweaver MX ให้ดี