ASP.NET Server Control

ASP.NET Server Control คือ กลุ่มของคอนโทรลของ ASP.NET ที่ทำงานบนฝั่งเซิร์ฟเวอร์ อยู่ในรูปแบบของ tag และสามารถแปลงให้อยู่ในรูปของ HTML ได้เพื่อการ แสดงผลบน Web browser เช่น การทำงานของ ASP.NET server control จะมีการจดจำสถานะ (ข้อมูล) ของ เว็บคอนโทรลนั้นด้วยก่อนจะ postback ไปยัง server เรียกคุณสมบัตินี้ว่า viewstate <asp:textbox id=“text1” runat=“server” /> <input type=“hidden” name=“_VIEWSTATE” value=“dEWDCsipt4itjmcxstpe” />

ตัวอย่าง HTML Control และ Standard Control <input id="Text1" type="text" /> <input id="Button3" type="button" value="Button" /> <asp:TextBox ID="TextBox1" runat="server"/></asp:TextBox> <asp:Button ID="Button2" runat="server" Text="Button" />

การใช้งานคอนโทรลเบื้องต้น สร้างเว็บเพจ ให้แสดงผลลัพธ์ดังรูป

การใช้งานคอนโทรลเบื้องต้น สร้าง dropdownlist จาก smart tag แล้วเลือก edit item เพื่อ ใส่ข้อมูลตัวเลือกสัญชาติ

การใช้งานคอนโทรลเบื้องต้น ใช้ label ในการแสดงผลตั้งชื่อว่า LBDisplay กำหนด event ให้กับปุ่ม submit กำหนดโค้ดดังนี้ protected void BTNSubmit_Click(object sender, EventArgs e) { LBDisplay.Text = "name: " + TBName.Text + "\n" + "surname: " + TBSurname.Text + "\n" + "nation: " + DDLNation.SelectedItem.Text + "\n" ; }

การใช้งานคอนโทรลเบื้องต้น เพิ่มแถวของตาราง แล้วสร้าง radiobutton เพื่อใส่ข้อมูล gender

การใช้งานคอนโทรลเบื้องต้น เพิ่มแถวของตารางแล้วสร้าง checkboxlist เพื่อใส่ข้อมูลตัวเลือกผลไม้

การใช้งานคอนโทรลเบื้องต้น protected void BTNSubmit_Click(object sender, EventArgs e) { string str_fruit = "fruit: "; //ตัวแปรสำหรับเก็บรายการผลไม้ที่ผู้ใช้เลือกจาก listbox //เขียน foreach เพื่อเก็บรายการผลไม้ที่ผู้ใช้เหลือได้หลายๆ รายการ foreach (ListItem li in CheckBoxList1.Items) { if (li.Selected == true) str_fruit += li.Text + " "; } LBDisplay.Text = "name: " + TBName.Text + "\n" + "surname: " + TBSurname.Text + "\n" + "nation: " + DDLNation.SelectedItem.Text + "\n" + "gender:" + RadioButtonList1.SelectedValue + "\n" + str_fruit;

แบบฝึกหัด : ตัวอย่างโปรแกรมคำนวนค่า สร้างฟอร์มดังนี้ กำหนด property AutoPostback ของ RadiobuttonList เป็น true

แบบฝึกหัด : ตัวอย่างโปรแกรมคำนวนค่า เขียน event ที่เมธอด RadioButtonList1_SelectedIndexChanged โดยกำหนดให้เมื่อมีการเปลี่ยนแปลงตัวเลือกจะมีการแสดงผลลัพธ์ ทันที ใช้คำสั่ง Convert.ToDouble(TextBox1.Text) หรือ double.Parse(TextBox1.Text) ในการแปลงชนิดข้อมูลจาก string ให้กลายเป็น double