การควบคุมเซิร์ฟเวอร์เว็บแผงควบคุมมีการควบคุมคอนเทนเนอร์ภายในเว็บเพจ ASP.NET ที่คุณสามารถใช้เป็นพาเรนต์สำหรับข้อความคงที่และการควบคุมอื่นๆ
1. ความเป็นมา
คุณสามารถใช้ตัวควบคุมแผงควบคุมเป็นคอนเทนเนอร์สำหรับตัวควบคุมอื่นๆ ได้ วิธีการนี้มีประโยชน์อย่างยิ่งเมื่อคุณสร้างเนื้อหาโดยทางโปรแกรมและต้องการวิธีแทรกเนื้อหาลงในเพจ ส่วนต่อไปนี้จะอธิบายวิธีอื่นๆ ที่คุณสามารถใช้แผงควบคุมได้
1. คอนเทนเนอร์ของการควบคุมที่สร้างขึ้นแบบไดนามิก
แผงควบคุมเป็นคอนเทนเนอร์ที่สะดวกสำหรับการควบคุมที่สร้างขึ้นในขณะดำเนินการ
2. การควบคุมกลุ่มและเครื่องหมาย
กลุ่มของการควบคุมและแท็กที่เกี่ยวข้องสามารถจัดการเป็นหน่วยได้ โดยการวางไว้ในตัวควบคุมแผงควบคุม จากนั้นจัดการการควบคุมแผงควบคุม ตัวอย่างเช่น คุณสามารถซ่อนหรือแสดงกลุ่มตัวควบคุมในแผงได้โดยการตั้งค่าคุณสมบัติ มองเห็นได้ ของแผง
3. แบบฟอร์มที่มีปุ่มเริ่มต้น
คุณสามารถวางตัวควบคุมกล่องข้อความและตัวควบคุมปุ่มในตัวควบคุมแผง จากนั้นกำหนดปุ่มเริ่มต้นโดยการตั้งค่าคุณสมบัติ DefaultButton ของตัวควบคุมแผงเป็น ID ของปุ่มในแผง หากผู้ใช้กด Enter ขณะพิมพ์ในกล่องข้อความภายในแผง จะมีผลเหมือนกับการคลิกปุ่มเริ่มต้นเฉพาะ ซึ่งช่วยให้ผู้ใช้ทำงานกับแบบฟอร์มโครงการได้อย่างมีประสิทธิภาพมากขึ้น
4. เพิ่มแถบเลื่อนไปยังตัวควบคุมอื่นๆ
ตัวควบคุมบางตัว (เช่น ตัวควบคุม TreeView) ไม่มีแถบเลื่อนในตัว คุณสามารถเพิ่มลักษณะการเลื่อนได้โดยการวางตัวควบคุมแถบเลื่อนภายในตัวควบคุมแผงควบคุม เมื่อต้องการเพิ่มแถบเลื่อนลงในตัวควบคุมแผงควบคุม ให้ตั้งค่าคุณสมบัติความสูงและความกว้าง จำกัดตัวควบคุมแผงควบคุมให้มีขนาดเฉพาะ จากนั้นตั้งค่าคุณสมบัติแถบเลื่อน
4. พื้นที่ปรับแต่งบนเพจ
คุณสามารถใช้แผงควบคุมเพื่อสร้างพื้นที่บนเพจด้วยรูปลักษณ์และลักษณะการทำงานที่ปรับแต่งได้ดังต่อไปนี้:
·สร้างกล่องกลุ่มที่มีชื่อเรื่อง: คุณสามารถตั้งค่าคุณสมบัติ GroupingText เพื่อแสดงชื่อเรื่องได้ เมื่อเพจแสดงผล กล่องที่มีชื่อเรื่องจะปรากฏขึ้นรอบๆ แผงควบคุม โดยชื่อเรื่องจะเป็นข้อความที่คุณระบุ
หมายเหตุ: คุณไม่สามารถระบุแถบเลื่อนและข้อความที่จัดกลุ่มพร้อมกันในแผงควบคุมได้ หากตั้งค่าข้อความที่จัดกลุ่มไว้ ลำดับความสำคัญจะสูงกว่าแถบเลื่อน
·สร้างพื้นที่บนเพจด้วยสีที่กำหนดเองหรือลักษณะที่ปรากฏอื่นๆ: ตัวควบคุมแผงควบคุมรองรับคุณสมบัติลักษณะที่ปรากฏ (เช่น BackColor และ BorderWidth) ซึ่งสามารถตั้งค่าเพื่อสร้างลักษณะที่ปรากฏเฉพาะสำหรับพื้นที่บนเพจได้
คำอธิบาย: การตั้งค่าคุณสมบัติ GroupingText จะแสดงเส้นขอบรอบๆ แผงควบคุมโดยอัตโนมัติ
2. วิธีการ: เพิ่มแผงควบคุมลงในเพจฟอร์มเว็บ
1. ในมุมมอง "การออกแบบ" จากแท็บ "มาตรฐาน" ของกล่องเครื่องมือ ให้ลากแผงควบคุมไปที่หน้า
2. หากต้องการสร้างข้อความคงที่ ให้คลิกในตัวควบคุมแล้วพิมพ์ข้อความ หากต้องการเพิ่มการควบคุม ให้ลากจากกล่องเครื่องมือไปยังแผงควบคุม
หมายเหตุ: เมื่อต้องการเพิ่มข้อความคงที่ลงในตัวควบคุมแผงควบคุม ณ รันไทม์ คุณต้องสร้างตัวควบคุมตามตัวอักษรและตั้งค่าคุณสมบัติข้อความ จากนั้นคุณสามารถเพิ่มอ็อบเจ็กต์ตัวอักษรลงในพาเนลโดยทางโปรแกรมได้ในลักษณะเดียวกับตัวควบคุมใดๆ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มตัวควบคุม ดูวิธีการ: เพิ่มตัวควบคุมลงในเว็บเพจ ASP.NET โดยทางโปรแกรม
3. คุณยังสามารถเลือกที่จะลากขอบของแผงเพื่อปรับขนาดตัวควบคุมได้
คำอธิบาย: ตัวควบคุมนี้จะปรับขนาดตัวเองโดยอัตโนมัติเพื่อแสดงตัวควบคุมลูกทั้งหมด (แม้ว่าจะเกินความสูงที่ตั้งไว้ก็ตาม)
4. คุณยังสามารถเลือกที่จะตั้งค่าคุณสมบัติของตัวควบคุมแผงควบคุม (ตามที่อธิบายไว้ในตารางต่อไปนี้) เพื่อระบุวิธีที่บานหน้าต่างโต้ตอบกับตัวควบคุมลูก
คำอธิบายคุณสมบัติ
แนวนอนจัด
ระบุการจัดตำแหน่งของตัวควบคุมย่อยภายในแผง (ซ้าย ขวา กึ่งกลาง หรือชิดขอบ)
ห่อ
ระบุว่าเนื้อหาที่กว้างเกินไปภายในแผงจะถูกรวมไว้ในบรรทัดถัดไป หรือถูกตัดทอนที่ขอบของแผง
ทิศทาง
ระบุว่าเนื้อหาของตัวควบคุมจะแสดงผลจากซ้ายไปขวาหรือจากขวาไปซ้าย คุณสมบัตินี้มีประโยชน์เมื่อสร้างพื้นที่บนเพจที่มีการวางแนวทางแตกต่างจากทั้งเพจ
แถบเลื่อน
หากคุณได้ตั้งค่าคุณสมบัติความสูงและความกว้างเพื่อจำกัดแผงควบคุมให้มีขนาดเฉพาะ คุณสามารถเพิ่มแถบเลื่อนได้โดยการตั้งค่าคุณสมบัติแถบเลื่อน
การจัดกลุ่มข้อความ
แสดงเส้นขอบและชื่อเรื่องรอบๆ แผงควบคุม
แสดงให้เห็น:
การตั้งค่าคุณสมบัติ GroupingText ทำให้แถบเลื่อนไม่ปรากฏขึ้น (ถ้าคุณระบุแถบเลื่อน)
3. คลาสแผง
แผงควบคุมเป็นคอนเทนเนอร์สำหรับการควบคุมอื่นๆ การควบคุมนี้มีประโยชน์อย่างยิ่งเมื่อคุณต้องการสร้างการควบคุมโดยทางโปรแกรม ซ่อน/แสดงชุดของการควบคุม หรือแปลชุดของการควบคุมเป็นภาษาท้องถิ่น
คุณสมบัติทิศทางมีประโยชน์สำหรับการแปลเนื้อหาของแผงควบคุมเพื่อแสดงข้อความในภาษาที่เขียนจากขวาไปซ้าย เช่น อารบิกหรือฮิบรู
แผงควบคุมมีคุณสมบัติหลายประการที่ช่วยให้คุณสามารถกำหนดลักษณะการทำงานและการแสดงเนื้อหาของตัวควบคุมได้ ใช้คุณสมบัติ BackImageUrl เพื่อแสดงรูปภาพแบบกำหนดเองสำหรับแผงควบคุม ใช้คุณสมบัติ ScrollBars เพื่อระบุแถบเลื่อนสำหรับตัวควบคุม
ตัวอย่าง
1. ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการใช้แผงควบคุมเพื่อสร้างการควบคุมโดยทางโปรแกรมและซ่อน/แสดงกลุ่มของการควบคุม
หมายเหตุ: ตัวอย่างโค้ดต่อไปนี้ใช้โมเดลโค้ดไฟล์เดียวและอาจทำงานไม่ถูกต้องเมื่อคัดลอกโดยตรงไปยังไฟล์ที่อยู่เบื้องหลังโค้ด ต้องคัดลอกโค้ดตัวอย่างนี้ลงในไฟล์ข้อความว่างที่มีนามสกุล .aspx
<%@ ภาษาเพจ = "C#" AutoEventWireup = "จริง" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<หัว>
<title>ตัวอย่างแผง</title>
<script runat="เซิร์ฟเวอร์">
เป็นโมฆะ Page_Load (ผู้ส่งวัตถุ EventArgs e) {
// แสดงหรือซ่อนเนื้อหาแผง
ถ้า (ตรวจสอบ 1 ตรวจสอบแล้ว) {
Panel1.Visible=false;
-
อื่น {
Panel1.Visible=จริง;
-
// สร้างการควบคุมป้ายกำกับ
int numlabels = Int32.Parse(DropDown1.SelectedItem.Value);
สำหรับ (int i=1; i<=numlabels; i++) {
ป้ายกำกับ l = ป้ายกำกับใหม่ ();
l.Text = "ป้ายกำกับ" + (i).ToString();
l.ID = "ป้ายกำกับ" + (i).ToString();
Panel1.Controls.Add(l);
Panel1.Controls.Add(new LiteralControl("<br />"));
-
// สร้างตัวควบคุมกล่องข้อความ
int numtexts = Int32.Parse(DropDown2.SelectedItem.Value);
สำหรับ (int i=1; i<=numtexts; i++) {
กล่องข้อความ t = กล่องข้อความใหม่();
t.Text = "กล่องข้อความ" + (i).ToString();
t.ID = "กล่องข้อความ" + (i).ToString();
Panel1.Controls.Add(t);
Panel1.Controls.Add(new LiteralControl("<br />"));
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<h3>ตัวอย่างแผง</h3>
<form id="form1" runat="server">
<asp:แผง id = "Panel1" runat = "เซิร์ฟเวอร์"
BackColor="เกนส์โบโร"
ความสูง = "200px"
ความกว้าง="300px">
Panel1: นี่คือเนื้อหาคงที่บางส่วน...
<br />
</asp:แผง>
<br />
สร้างป้ายกำกับ:
<asp:DropDownList id="DropDown1" runat="เซิร์ฟเวอร์">
<asp:ListItem Value="0">0</asp:ListItem>
<asp:ListItem Value="1">1</asp:ListItem>
<asp:ListItem Value="2">2</asp:ListItem>
<asp:ListItem Value="3">3</asp:ListItem>
<asp:ListItem Value="4">4</asp:ListItem>
</asp:DropDownList>
<br />
สร้างกล่องข้อความ:
<asp:DropDownList id="DropDown2" runat="เซิร์ฟเวอร์">
<asp:ListItem Value="0">0</asp:ListItem>
<asp:ListItem Value="1">1</asp:ListItem>
<asp:ListItem Value="2">2</asp:ListItem>
<asp:ListItem Value="3">3</asp:ListItem>
<asp:ListItem Value="4">4</asp:ListItem>
</asp:DropDownList>
<br />
<asp:CheckBox id="Check1" Text="ซ่อนแผง" runat="เซิร์ฟเวอร์"/>
<br />
<asp:ข้อความปุ่ม = "รีเฟรชแผง" runat = "เซิร์ฟเวอร์"/>
</แบบฟอร์ม>
</ร่างกาย>