จัดการการควบคุมเว็บที่แสดงสตริงที่ยาวเกินไปโดยอัตโนมัติ

เรามักจะจำเป็นต้องแสดงย่อหน้าของข้อความอธิบายในบรรทัด และเนื่องจากความไม่แน่นอนของความกว้างของหน้าเว็บ เมื่อเราปรับความกว้างของหน้าเว็บโดยพลการ ข้อความมักจะขยายออกจากหน้าหรือแบ่งออกเป็นหลายบรรทัด เมื่อใช้ CSS เราสามารถจำกัดความกว้างไว้ที่หนึ่งบรรทัดและซ่อนอักขระพิเศษไว้ได้ เพื่อความสะดวกก็ทำเป็น Web control ขนาดเล็กไว้ใช้งาน
ใช้ระบบ;
โดยใช้ System.Web.UI;
ใช้ System.Web.UI.WebControls;
ใช้ System.ComponentModel;

เนมสเปซ cnblogs.birdshome.WebControls
-
/***////// <สรุป>
/// คำอธิบายโดยย่อสำหรับ AutoLabel
/// </สรุป>
[DefaultProperty("ข้อความ"),
ToolboxData("<{0}:AutoLabel runat=server></{0}:AutoLabel>")]
AutoLabel คลาสสาธารณะ: System.Web.UI.WebControls.Label
-
ป้องกันแทนที่เป็นโมฆะ CreateChildControls ()
-
ฐาน CreateChildControls();
this.Width = Unit.Percentage(100);
this.Attributes["onmouseover"] =
"ถ้า ( this.clientWidth < this.scrollWidth ) this.title = this.innerText; else this.title = '';";
this.Attributes.CssStyle["white-space"] = "nowrap";
this.Attributes.CssStyle["overflow"] = "ซ่อน";
this.Attributes.CssStyle["text-overflow"] = "จุดไข่ปลา";
-
-
-
AutoLabel ได้รับการสืบทอดมาจากตัวควบคุม Label และความกว้างเริ่มต้นคือ "100%" เมื่อวาง AutoLabel ในองค์ประกอบคลาสคอนเทนเนอร์ ความกว้างของเนื้อหาจะถูกปรับตามขนาดคอนเทนเนอร์โดยอัตโนมัติ และเมื่อเครื่องหมาย "..." ปรากฏบน AutoLabel และวางเมาส์ไว้ ToolTip จะแสดงเนื้อหาทั้งหมดโดยอัตโนมัติ ดังที่แสดงด้านล่าง: