ในบทนี้ เราจะพูดถึงการควบคุมพื้นฐานที่มีอยู่ใน ASP.NET
ASP.NET มีปุ่มควบคุมสามประเภทที่แตกต่างกัน:
ปุ่ม : แสดงข้อความภายในพื้นที่สี่เหลี่ยม
ปุ่มลิงก์ : แสดงข้อความเหมือนไฮเปอร์ลิงก์
ปุ่มรูปภาพ : แสดงรูปภาพ
เมื่อผู้ใช้คลิกปุ่ม จะมีการดำเนินการสองเหตุการณ์: คลิกและคำสั่ง
ไวยากรณ์พื้นฐานของการควบคุมปุ่ม:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >คุณสมบัติทั่วไปของปุ่มควบคุม:
| คุณสมบัติ | อธิบาย |
|---|---|
| ข้อความ | ข้อความจะปรากฏบนปุ่ม ควบคุมเฉพาะปุ่มและปุ่มลิงค์เท่านั้น |
| URL รูปภาพ | สำหรับการควบคุมปุ่มรูปภาพเท่านั้น ภาพนี้เป็นการแสดงปุ่ม |
| ข้อความสำรอง | สำหรับการควบคุมปุ่มรูปภาพเท่านั้น หากเบราว์เซอร์ไม่สามารถแสดงภาพได้ ข้อความแทนที่จะปรากฏขึ้น |
| สาเหตุ การตรวจสอบ | กำหนดว่าการตรวจสอบหน้าจะดำเนินการเมื่อผู้ใช้คลิกปุ่มหรือไม่ ค่าเริ่มต้นเป็นจริง |
| ชื่อคำสั่ง | ค่าสตริงที่ส่งผ่านไปยังเหตุการณ์คำสั่งเมื่อผู้ใช้คลิกปุ่ม |
| CommandArgument | ค่าสตริงที่ส่งผ่านไปยังเหตุการณ์คำสั่งเมื่อผู้ใช้คลิกปุ่ม |
| PostBackUrl | ที่อยู่เพจที่ต้องการจะปรากฏขึ้นเมื่อผู้ใช้คลิกปุ่ม |
ตัวควบคุมกล่องข้อความได้รับการออกแบบมาเป็นพิเศษเพื่อรับอินพุตของผู้ใช้ ตัวควบคุมกล่องข้อความสามารถยอมรับการป้อนข้อความตั้งแต่หนึ่งรายการขึ้นไปโดยยึดตามคุณสมบัติโหมดข้อความ
ตัวควบคุมป้ายกำกับเป็นวิธีง่ายๆ ในการแสดงข้อความจากหน้าหนึ่งไปยังหน้าถัดไป หากคุณต้องการแสดงข้อความคงที่ คุณสามารถใช้ข้อความตามตัวอักษรได้
ไวยากรณ์พื้นฐานสำหรับการควบคุมข้อความ:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>คุณสมบัติทั่วไปสำหรับกล่องข้อความและป้ายกำกับ:
| คุณสมบัติ | อธิบาย |
|---|---|
| โหมดข้อความ | ระบุประเภทกล่องข้อความ โหมดบรรทัดเดียวสร้างข้อความมาตรฐาน โหมดหลายบรรทัดสร้างความสามารถในการรับหลายข้อความ และรหัสผ่านทำให้ต้องทำเครื่องหมายอักขระ ค่าเริ่มต้นคือข้อความมาตรฐาน |
| ข้อความ | เนื้อหาข้อความของกล่องข้อความ |
| MaxLength | ป้อนค่าสูงสุดของอักขระข้อความในกล่องข้อความ |
| ห่อ | จะกำหนดว่าข้อความในกล่องข้อความหลายบรรทัดถูกตัดโดยอัตโนมัติหรือไม่ ค่าเริ่มต้นคือ True |
| อ่านอย่างเดียว | กำหนดว่าผู้ใช้สามารถเปลี่ยนข้อความในกล่องหรือไม่ โดยค่าเริ่มต้นเป็นเท็จ ซึ่งหมายความว่าผู้ใช้สามารถเปลี่ยนข้อความได้ |
| คอลัมน์ | ความกว้างของกล่องข้อความเป็นอักขระ ความกว้างที่แท้จริงจะพิจารณาจากแบบอักษรที่ใช้สำหรับการป้อนข้อความ |
| แถว | ความสูงของกล่องข้อความหลายบรรทัด ค่าเริ่มต้นคือ 0 ซึ่งแสดงถึงกล่องข้อความบรรทัดเดียว |
คุณสมบัติที่ใช้บ่อยที่สุดของตัวควบคุมป้ายกำกับคือ 'ข้อความ' ซึ่งแสดงถึงข้อความที่แสดงบนป้ายชื่อ
ช่องทำเครื่องหมายจะแสดงตัวเลือกที่ผู้ใช้สามารถเลือกหรือยกเลิกการเลือกได้ ปุ่มตัวเลือกจะแสดงกลุ่มตัวเลือกที่ผู้ใช้สามารถเลือกได้เพียงตัวเลือกเดียวเท่านั้น
หากคุณกำลังสร้างกลุ่มของปุ่มตัวเลือก คุณสามารถระบุชื่อเดียวกันสำหรับคุณสมบัติ GroupName ในกลุ่มปุ่มตัวเลือกแต่ละกลุ่มได้ หากจำเป็นต้องปรากฏในแบบฟอร์มเดียวมากกว่าหนึ่งกลุ่ม ให้ระบุชื่อกลุ่มที่แตกต่างกันสำหรับแต่ละกลุ่ม
หากคุณต้องการให้ช่องทำเครื่องหมายหรือปุ่มตัวเลือกถูกตรวจสอบตามที่ปรากฏในตอนแรก ให้ตั้งค่าคุณสมบัติที่เลือกให้เป็นจริง หากปุ่มตัวเลือกหลายปุ่มในกลุ่มมีคุณสมบัติตั้งค่าเป็นจริง เฉพาะปุ่มสุดท้ายเท่านั้นที่ถือว่าเป็นจริง
ไวยากรณ์พื้นฐานสำหรับช่องทำเครื่องหมาย:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>ไวยากรณ์พื้นฐานสำหรับปุ่มตัวเลือก:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>คุณสมบัติทั่วไปสำหรับช่องทำเครื่องหมายและปุ่มตัวเลือก:
| คุณสมบัติ | อธิบาย |
|---|---|
| ข้อความ | ข้อความที่ปรากฏถัดจากกล่องกาเครื่องหมายหรือปุ่มตัวเลือก |
| ตรวจสอบแล้ว | ระบุว่าจะถูกเลือกหรือไม่ |
| ชื่อกลุ่ม | ชื่อของกลุ่มที่อยู่ภายใต้การควบคุม |
ASP.NET มีการควบคุมดังต่อไปนี้:
รายการแบบเลื่อนลง
กล่องรายการ,
รายการปุ่มตัวเลือก
รายการช่องทำเครื่องหมาย
รายการหัวข้อย่อย
การควบคุมเหล่านี้อนุญาตให้ผู้ใช้เลือกจากรายการตั้งแต่หนึ่งรายการขึ้นไป กล่องรายการและรายการแบบหล่นลงประกอบด้วยรายการอย่างน้อยหนึ่งรายการ รายการเหล่านี้สามารถโหลดผ่านโค้ดหรือโดยตัวแก้ไข ListItemCollection
ไวยากรณ์พื้นฐานของการควบคุมกล่องรายการ:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>ไวยากรณ์พื้นฐานของการควบคุมรายการแบบหล่นลง:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>คุณสมบัติทั่วไปสำหรับกล่องรายการและรายการแบบหล่นลง:
| คุณสมบัติ | อธิบาย |
|---|---|
| รายการ | คอลเลกชันของวัตถุ ListItem ที่แสดงรายการภายในตัวควบคุม คุณสมบัตินี้ส่งคืนวัตถุประเภท ListItemCollection |
| แถว | ระบุจำนวนรายการที่จะแสดงในกล่อง หากรายการจริงมีแถวมากกว่ารายการที่แสดง แถบเลื่อนจะถูกเพิ่ม |
| ดัชนีที่เลือก | ดัชนีของรายการที่เลือกในปัจจุบัน หากมีการเลือกมากกว่าหนึ่งรายการ ดัชนีแรกจะเลือกรายการนั้น หากไม่มีการเลือกรายการ ค่าของคุณสมบัตินี้คือ -1 |
| ค่าที่เลือก | มูลค่าของรายการที่เลือกในปัจจุบัน หากเลือกมากกว่าหนึ่งรายการ ค่าของรายการแรกจะถูกเลือก หากไม่มีการเลือกรายการ ค่าของคุณสมบัตินี้จะเป็นสตริงว่าง ("") |
| โหมดการเลือก | ระบุว่ากล่องรายการอนุญาตให้เลือกรายการเดียวหรือหลายรายการ |
คุณสมบัติทั่วไปสำหรับวัตถุแต่ละรายการ:
| คุณสมบัติ | อธิบาย |
|---|---|
| ข้อความ | ข้อความที่แสดงสำหรับรายการ |
| เลือกแล้ว | ระบุว่ารายการถูกเลือกหรือไม่ |
| ค่า | สตริงอักขระที่เกี่ยวข้องกับโครงการ |
สิ่งที่ต้องมุ่งเน้นคือ:
ถ้าคุณต้องการทำงานกับรายการต่างๆ ในรายการดรอปดาวน์หรือกล่องรายการ คุณจำเป็นต้องใช้คุณสมบัติ รายการ ของตัวควบคุม คุณสมบัตินี้ส่งคืนวัตถุ ListItemCollection ที่มีรายการทั้งหมดของรายการ
เหตุการณ์ SelectedIndexChanged จะเพิ่มขึ้นเมื่อผู้ใช้เลือกรายการอื่นจากรายการแบบหล่นลงหรือกล่องรายการ
วัตถุ ListItemCollection คือชุดของวัตถุ ListItem แต่ละวัตถุ ListItem แสดงถึงรายการในรายการ หมายเลขสินค้าใน ListItemCollection เริ่มต้นที่ 0
เมื่อสตริงที่ใช้ในกระบวนการโหลดรายการในกล่องรายการเป็น เช่น lstcolor.Items.Add ("สีน้ำเงิน") การตั้งค่าคุณสมบัติของข้อความและค่ารายการจะเป็นค่าสตริงที่คุณระบุ ในการตั้งค่าให้แตกต่างออกไป คุณต้องสร้างออบเจ็กต์ของรายการแล้วเพิ่มรายการลงในคอลเลกชัน
ตัวแก้ไข ListItemCollection ใช้เพื่อเพิ่มรายการลงในรายการแบบหล่นลงหรือกล่องรายการ ใช้เพื่อสร้างรายการคงที่ หากต้องการแสดงตัวแก้ไขคอลเลกชัน ให้เลือกแก้ไขรายการจากเมนูสมาร์ทแท็ก หรือเลือกตัวควบคุมแล้วคลิกปุ่มจุดไข่ปลาในคุณสมบัติรายการในหน้าต่างคุณสมบัติ
คุณสมบัติทั่วไปของ ListItemCollection:
| คุณสมบัติ | อธิบาย |
|---|---|
| รายการ(จำนวนเต็ม) | วัตถุ ListItem แสดงรายการที่ดัชนีที่ระบุ |
| นับ | จำนวนรายการในคอลเลกชัน |
วิธีการพื้นฐานของ ListItemCollection:
| วิธี | อธิบาย |
|---|---|
| เพิ่ม (สตริง) | เพิ่มรายการใหม่ต่อท้ายคอลเลกชันและกำหนดพารามิเตอร์สตริงให้กับคุณสมบัติข้อความของรายการ |
| เพิ่ม (รายการ) | เพิ่มรายการใหม่ในตอนท้ายของคอลเลกชัน |
| แทรก (จำนวนเต็ม, สตริง) | แทรกรายการลงในคอลเลกชันที่ตำแหน่งดัชนีที่ระบุ และกำหนดอาร์กิวเมนต์สตริงให้กับคุณสมบัติข้อความของรายการ |
| แทรก (จำนวนเต็ม รายการ) | แทรกรายการลงในคอลเลกชันตามดัชนีที่ระบุ |
| ลบ(สตริง) | ลบรายการที่มีสตริงเดียวกันกับค่าข้อความ |
| ลบ(รายการ) | ลบรายการที่ระบุ |
| ลบที่(จำนวนเต็ม) | ลบรายการที่ดัชนีที่ระบุเป็นจำนวนเต็ม |
| ชัดเจน | ลบรายการทั้งหมดออกจากคอลเลกชัน |
| FindByValue (สตริง) | ส่งกลับรายการเดียวกันกับค่าสตริง |
| FindByValue(ข้อความ) | ส่งกลับรายการเดียวกันกับสตริงลิเทอรัล |
รายการปุ่มตัวเลือกแสดงรายการตัวเลือกที่ไม่เกิดร่วมกัน คอลัมน์รายการช่องทำเครื่องหมายแสดงรายการตัวเลือกอิสระ ตัวควบคุมเหล่านี้ประกอบด้วยคอลเลกชันของวัตถุ ListItem ซึ่งสามารถอ้างอิงได้ผ่านคุณสมบัติรายการของตัวควบคุม
ไวยากรณ์พื้นฐานสำหรับรายการปุ่มตัวเลือก:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"></asp:RadioButtonList>ไวยากรณ์พื้นฐานสำหรับรายการช่องทำเครื่องหมาย:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"></asp:CheckBoxList>คุณสมบัติทั่วไปสำหรับรายการช่องทำเครื่องหมายและปุ่มตัวเลือก:
| คุณสมบัติ | อธิบาย |
|---|---|
| ทำซ้ำเค้าโครง | คุณสมบัตินี้ระบุว่าจะใช้แท็กหรือโฟลว์ HTML ธรรมดาในการแสดงรายการที่จัดรูปแบบหรือไม่ ค่าเริ่มต้นคือตาราง |
| ทำซ้ำทิศทาง | โดยระบุทิศทางที่สามารถทำซ้ำการควบคุมได้ ค่าที่ใช้ได้คือแนวนอนและแนวตั้ง ค่าเริ่มต้นคือแนวตั้ง |
| ทำซ้ำคอลัมน์ | เมื่อควบคุมซ้ำ จะระบุจำนวนคอลัมน์โดยมีค่าเริ่มต้นเป็น 0 |
ตัวควบคุมรายการสัญลักษณ์แสดงหัวข้อย่อยจะสร้างรายการสัญลักษณ์แสดงหัวข้อย่อยหรือลำดับเลข ตัวควบคุมเหล่านี้ประกอบด้วยคอลเลกชันของวัตถุ ListItem ซึ่งสามารถอ้างอิงได้ผ่านคุณสมบัติรายการของตัวควบคุม
ไวยากรณ์พื้นฐานสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย:
<asp:BulletedList ID="BulletedList1" runat="server"></asp:BulletedList>คุณสมบัติทั่วไปของรายการหัวข้อย่อย:
| คุณสมบัติ | อธิบาย |
|---|---|
| BulletStyle | คุณสมบัตินี้ระบุสไตล์และรูปลักษณ์ของหมายเลขรายการหรือหมายเลข |
| ทำซ้ำทิศทาง | โดยระบุทิศทางที่สามารถทำซ้ำการควบคุมได้ ค่าที่ใช้ได้คือแนวนอนและแนวตั้ง ค่าเริ่มต้นคือแนวตั้ง |
| ทำซ้ำคอลัมน์ | เมื่อควบคุมซ้ำ จะระบุจำนวนคอลัมน์โดยมีค่าเริ่มต้นเป็น 0 |
การควบคุมไฮเปอร์ลิงก์เป็นเหมือนองค์ประกอบ HTML <a>
ไวยากรณ์พื้นฐานของการควบคุมไฮเปอร์ลิงก์:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink</asp:HyperLink>มันมีคุณสมบัติดังต่อไปนี้:
| คุณสมบัติ | อธิบาย |
|---|---|
| URL รูปภาพ | เส้นทางไปยังรูปภาพที่แสดงโดยตัวควบคุม |
| นำทางUrl | ที่อยู่ลิงค์เป้าหมาย |
| ข้อความ | ข้อความที่แสดงเป็นลิงค์ |
| เป้า | หน้าต่างหรือเฟรมที่โหลดหน้าที่เชื่อมโยง |
ถ้าไม่สามารถแสดงรูปภาพได้ ตัวควบคุมรูปภาพจะแสดงรูปภาพบนเว็บเพจหรือข้อความแสดงแทนบางส่วน
ไวยากรณ์พื้นฐานของการควบคุมรูปภาพ:
<asp:Image ID="Image1" runat="server">มีคุณสมบัติที่สำคัญดังต่อไปนี้:
| คุณสมบัติ | อธิบาย |
|---|---|
| ข้อความสำรอง | แสดงข้อความแสดงแทนเมื่อไม่มีรูปภาพ |
| การจัดแนวรูปภาพ | การควบคุมตัวเลือกการจัดตำแหน่ง |
| URL รูปภาพ | เส้นทางไปยังรูปภาพที่แสดงโดยตัวควบคุม |