|
|
|
สร้างโปรเจ็กต์ ใหม่ ชื่อ Chapter3 และ สร้างเว็บฟร์อม ( Web Form) ใหม่ ชื่อ
vb3-1.aspx
Language ให้เลือกเป็น Visual Basic |
|
|
 |
|
|
|
|
|
จะได้ เว็บฟร์อม ( Web Form) ใหม่ ชื่อ vb3-1.aspx |
|
|
|
|
|
 |
|
|
|
|
|
คลิกแท็บ "Design" เพื่อแสดง Design View |
|
|
|
|
|
 |
|
|
|
|
|
เลื่อนเมาส์ ไปที่ แท็บ Toolbox |
|
|
|
|
|
 |
|
|
|
|
|
และ คลิกที่ปุ่ม Auto Hide |
|
|
|
|
|
 |
|
|
|
|
|
เลื่อนสกอร์บาร์ไปด้านบน |
|
|
|
|
|
 |
|
|
|
|
|
คลิกที่ Standard |
|
|
|
|
|
 |
|
|
|
|
|
ลาก Label (คลิกเมาส์ซ้ายค้างไว้) ปล่อยลงใน Web Form |
|
|
|
|
|
 |
|
|
|
|
|
ลาก Button(คลิกเมาส์ซ้ายค้างไว้) ปล่อยลงใน Web Form หลัง Label |
|
|
|
|
|
 |
|
|
|
|
|
ดับเบิ้ลคลิก ที่ Button
VWD ( ไฟล์ vb3-1.aspx .vb ) จะสร้าง Code เหตุการณ์
Button Click โดยอัตโนมัติ |
|
|
|
|
|
 |
|
|
|
|
|
เขียนคำสั่ง Label1.Text = "เหตุการณ์ Button1 ถูกคลิก" เข้าไป
ระหว่าง
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button1.Click
เขียน
Code......................................ตรงนี้
End Sub |
|
|
|
|
|
จะได้เป็น
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button1.Click
Label1.Text = "เหตุการณ์ Button1 ถูกคลิก"
End Sub |
|
|
|
|
|
 |
|
|
|
|
|
1.คลิกแท็บ [vb3-1.aspx ]
2.Save All บันทึกไฟล์ ที่เราแก้ไขทั้งหมด
3.คลิกที่ View in Browser |
|
|
|
|
|
 |
|
|
|
|
|
คลิกที่ Button |
|
|
|
|
|
 |
|
|
|
|
|
|
|
|
Label จะแสดงข้อความ ที่เราเขียนไว้ |
|
|
|
|
|
 |
|
|
|
|
|
คำสั่งของ สคริปต์ นี้ คือ เมื่อผู้ใช้ คลิกที่ ปุ่ม Button
ให้แสดงข้อความที่เราต้องการที่ Label
ทดสอบการทำงานของ สคริปต์ นี้
http://thai.aspxcode.net/code/vb3-1.aspx
สรุป สิ่งที่ได้จากแบบฝึกหัดนี้คือ
1.รู้จักการนำคอนโทรล ต่างๆ วางบน Web Form
2.รู้จักเหตุการณ์ (Event) Button1_Click ของ คอนโทรล Button เมื่อถูกคลิก
3. รู้จัก คำสั่ง Label1.Text สำหรับแสดงข้อความที่ต้องการ
4. การปรับ Auto Hide ของ Toolbox |
|
|
|
|
|
วิธีการปรับ Toolbox กลับคืน สภาพเดิม
ให้คลิกที่ปุ่ม Auto Hide |
|
|
|
|
|
 |
|
|
|
|
|
ก็จะได้ Toolbox สภาพเดิม |
|
|
|
|
|
 |
|
|
|
 |
การใช้ Label และ Button และ เหตุการณ์ Button Click ด้วย ภาษา C#
|