Transcript โครงสร้างของเอกสาร ASP.NET

บทที่ 2
ASP.NET
รายวิชา
การเขียนโปรแกรมบน
WWW
1
เทคโนโลยี ASP.NET

ASP.NET (Active Server Pages.NET) ได ้ร ับการ
่ 3.0เพือให
่ ้สามารถรองร ับ
พัฒนามาจาก ASP เวอร ์ชัน
แนวคิดของ .NET ได ้ โดยเราสามารถพัฒนา
่ บสนุ นแนวคิดของ .
ASP.NET ได ้จากทุกภาษาทีสนั
่ ยมใช ้ก็คอื VB.NET, C# ,JScript.NET
NET โดยทีนิ
่ นรูปแบบแอพพลิเคชันทีสร
่ ้างเพือท
่ างานบนเว็บ
ซึงเป็
เซิร ์ฟเวอร ์ โดยจะโต ้ตอบกับผูใ้ ช ้งานเหมือนเว็บเพจ
่
ทัวไป
การทางานของ ASP.NET จะเป็ นแบบ Server่ นการทางานทีฝั
่ ่ งเซิร ์ฟเวอร ์
Side Script ซึงเป็
องค ์ประกอบของ ASP.NET Web
Application
3
กระบวนการทางานของ ASP.NET
4
่ ั วย
ข้อดีในการพัฒนาแอพพลิเคชนด้
ASP.NET
• ใช ้ภาษาได ้หลากหลายในการเขียนสคริปต ์
• มีความยืดหยุ่นในการเขียนโปรแกรมและการแปลภาษา
•
•
•
•
•
•
•
โปรแกรมทางานได ้เร็วขึน้
มีการรวมกันทางานฝั่งไคลเอนต ์และเซิร ์ฟเวอร ์เข ้าด ้วยกัน
มีรป
ู แบบและการใช ้งานคอมโพเนนต ์ทีง่่ ายขึน้
่ ๆ
มีไลบรารีมาตรฐานให ้ใช ้ร่วมกับภาษาอืน
การเขียนโปรแกรมและการออกแบบส่วนติดต่อผูใ้ ช ้ด ้วย
คอนโทรลทาได ้ง่ายขึน้
ไม่ขนกั
ึ ้ บฮาร ์ดแวร ์
ง่ายต่อการหาข ้อผิดพลาดในเขียนโปรแกรม
สามารถเขียนโปรแกรมกากับเหตุการณ์ตา่ ง ๆ ในเว็บเพจได ้
5
่
การใช้งาน ASP.NET
่
การทีจะใช
้งาน ASP.NET ได ้นั้นต ้องใช ้โปรแกรมหลักๆ
ดังนี ้
 IIS (Internet Information Services) คือ โปรแกรม
่ าหน้าทีจ่ าลองเครืองของเราให
่
ทีท
้เป็ น Server จึงทาให ้
สามารถ RUN คาสัง่ ASP.NET ได ้ เพราะ ASP.NET
เป็ นลักษณะของ Server-Side Programming
่ อทีเหมาะสมที
่
่ ดใน
 Visual .NET Studio เป็ นเครืองมื
สุ
่
การพัฒนา ASP.NET ซึงอาจเลื
อกใช ้ Notepad หรือ
Dreamweaver ในการพัฒนาก็ได ้เช่นกัน แต่อาจไม่
้
สนับสนุ น ASP.NET ทังหมดได
้
 WEB Browser สามารถใช ้ IE (Internet Explorer)
่ ทีสนั
่ บสนุ นก็ได ้
หรือเว็บบราวเซอร ์อืนๆ
การติดตัง้ IIS
่ ตด
IIS Web Server เป็ นโปรแกรมทีมี
ิ มากับตัว
โปรแกรม Windows XP เราสามารถทาการติดตัง้ IIS
่ มได ้จากแผ่น CD-ROM Install
เพิมเติ
่
่ นตอนการ
้
Windows (version ทีเราใช
้งาน) ซึงขั
้ ดงั นี ้
ติดตังมี
่ าน
1. ให ้ใส่แผ่นของโปรแกรม Windows ไว ้ในเครืองอ่
2. ไปที่ Control Panel -> Add or Remove
้
Programs จากนั้นให ้ทาตามขันตอนดั
งนี ้

การติดตัง้ IIS
3. เลือกไปที่ Add/Remove Windows
Components
การติดตัง้ IIS
4. ติก๊
่
เครืองหมา
่ า
ยถูกทีหน้
เมนู Inter
net
Informati
on
Services
(IIS) แล ้ว
ทาการ
Click ทีปุ่่ ม
การติดตัง้ IIS
5. กรณี ระบบถาม
หาตัวติดตัง้
Windows XP
ให ้คลิกปุ่ ม OK
แล ้วทาการ
Browse หา
แผ่น CD ติดตัง้
Windows XP
ห ้อง i386
การติดตัง้ IIS
6. คลิกปุ่ ม Open,
OK
การติดตัง้ IIS
7. ระบบบจะทาการ
ติดตัง้ IIS ดังรูป
การติดตัง้ IIS
8. คลิกปุ่ ม Finish
การติดตัง้ IIS
9. จากนั้นให ้เราทาการ
เปิ ด Web Browser ของ
้
เราขึนมา
ที่ Address Bar
ให ้เราทาการพิมพ ์
่ า
http://localhost/ เพือท
การทดสอบการใช ้งาน IIS
หากปรากฏมีหน้าจอต ้อนรับ
ดังรูปด ้านล่างนี ้ แสดงว่าเรา
สามารถใช ้งาน IIS Web
Server ได ้แล ้ว
การปร ับแต่ง IIS ก่อนการใช้งาน

คลิกที่ Start > Control Panel > Administrative >
Tools < Internet Information Service (IIS) Manager
การปร ับแต่ง IIS ก่อนการใช้งาน


่ อ่
คลิกแตกไฟล ์ทีชื
…(Computer
name) > Web
Sites > Default
Web Site
คลิกขวาที่
Default Web
Site แล ้วเลือก
่
Properties เพือ
ทาการปรับแต่ง
การปร ับแต่ง IIS ก่อนการใช้งาน

่ ป Home
คลิกทีแท็
่ บ
Directory หรือทีเก็
ข ้อมูลเว็บไซต ์ โดย
้
ปกติห ้องเก็บพืนฐาน
จะเป็ น
c:\inetpub\wwwro
ot ดังรูป
การปร ับแต่ง IIS ก่อนการใช้งาน

คลิกแท็ป
่
Documents เพือ
่
่ ้เรียก
เพิมไฟล
์แรกทีใช
เว็บไซต ์ (ไฟล ์
่ ้
Homepage) ในทีนี
ให ้คลิกปุ่ ม Add…
่
แล ้วเพิมไฟล
์
index.aspx
การใช้งาน ASP.NET
1. เลือกทีเ่ มนู File -> New -> WebSite
การใช้งาน ASP.NET
้ อโปรเจค
่
2. เลือก ASP.NET Web Site ตังชื
และเลือกภาษา
่ ้ในการพัฒนา
ทีใช
การใช้งาน ASP.NET
 แถบรายการคาสัง่ menu bar : เป็ นแถบแสดงรายการ
่ างๆ ของโปรแกรม
คาสังต่
่ อ (Tool Box) : เป็ นหน้าต่างทีเก็
่ บออบเจ็กต ์
 แถบเครืองมื
่
ต่างๆ หรือ control ต่าางๆ ทีเราน
ามาใช ้งานในโปรแกรม
่
 หน้าต่าง Solution : เป็ นหน้าต่างทีรายละเอี
ยดของโซลูช ัน
( หลายๆ โปรเจ็กต ์รวมกันเรียกว่า Solution ) โปรเจ็กต ์
้
่ ลบ
รวมทังเรายั
งสามารถจัดการกับโปรเจ็กต ์ได ้โดยการเพิม
่
่
และเปลียนชื
อของ
Solution, Project และ Form
 หน้าต่าง Properties : เป็ นส่วนแสดง และ สามารถ
่
คุณสมบัตข
ิ อง control ต่าางๆ ทีเราน
ามาใช ้งานใน
โปรแกรม
 ส่วนสาหร ับ Coding Program และ สาหร ับ Design
การใช้งาน ASP.NET
 โครงสร ้างไฟล ์โปรแกรม
การใช้งาน ASP.NET
 โครงสร ้าง Folder
การใช้งาน ASP.NET
 โครงสร ้าง Folder
• App_Code เป็ นโฟลเดอร ์ที่ Visual Studio 2005 สร ้าง
้
่ ้เก็บ Class .vb หรือ .cs
ขึนมาอั
ตโนมัต ิ เพือไว
่ ้จัดเก็บไฟล ์ Database ใน
• App_Data เป็ นโฟเดอร ์ทีไว
รูปแบบต่าง ๆ เช่น XML,MDB,MDF เป็ นต ้น
่ น
่ ๆ ทีโปรแกรม
่
• web.config เป็ นไฟล ์กาหนดค่าคงทีอื
่ านการ Build ได ้
สามารถเรียกใช ้งานได ้ภายหลังจากทีผ่
นิ ยมเก็บค่าต่าง ๆ เช่น Connection ของ Database
่ ้สาหร ับเก็บ Form การ
• Default.aspx เป็ นไฟล ์ทีใช
้
Design หรือ Web Control,HTML Control ทังหมด
้ าหร ับการ Run โปรแกรม
และใช ้ไฟล ์นี ส
• Default.aspx.vb เป็ นไฟล ์สาหร ับเก็บ Class และ Event
การใช้งาน ASP.NET
การร ันเพจ ASP.NET


่ อเพจในหน้
่
คลิกขวาทีชื
าต่าง
“Solution Explorer”
เลือกคาสัง่ “View in Browser”
่
การเขียนชุดคาสังใน
ASP.NET
่
การพัฒนาแอพพลิเคชันบนเว็
บ ด ้วย ASP.NET ได ้
อย่างมีประสิทธิภาพ นักพัฒนาโปรแกรมจะต ้องมีความรู ้
้
พืนฐานต่
าง ๆ เหล่านี ้
การสร ้างเว็บเพจด ้วยภาษา HTML และความรู ้ในการ
้ ้นหลักการพัฒนาโปรแกรมเชิงวัตถุ
พัฒนาเว็บเพจ เบืองต
(Object Oriented Programming (OOP)) มีความรู ้
และความเข ้าใจในหลักการฐานข ้อมูล มีความเข ้าใจใน
ข ้อมูลรูปแบบ XML
28
่
การเขียนชุดคาสังใน
ASP.NET
โดยสามารถเขียนโค ้ดโปรแกรมและหน้าตาเว็บออกจากกัน
ได ้ 2 รูปแบบ คือ
- Code Inline แยกเป็ นคนละส่วนในเอกสารไฟล ์เดียวกัน
้ั ยกว่า Code Beside)
โดยมีนามสกุล *.aspx (บางครงเรี
- Code Behind เป็ นการเก็บโค ้ดโปรแกรมออกเป็ นไฟล ์
ต่างหากโดยเก็บไว ้ในไฟล ์นามสกุล *.vb ส่วนแสดงผลเก็บไว ้ใน
ไฟล ์ *.aspx
29
ตัวอย่างการเขียนโปรแกรมแบบ Code
Inline
Code Inline
30
ตัวอย่างการเขียนโปรแกรมแบบ Code
Behind
ส่วนแสดงผล
ส่วนโปรแกรม
31
โครงสร ้างของเอกสาร ASP.NET
- Directives
่ ข ้อมูลทีจ่ าเป็ นในเอกสารให ้ compiler ทราบ
เป็ นส่วนทีระบุ
่ ต ้องมาคอยประกาศหรือเรียกใช ้งานตลอดเวลาและมักจะ
โดยทีไม่
วางไว ้ส่วนบนสุดของไฟล ์ เช่น
รู ปแบบ
่ Directive แอตทริบวิ ต ์ต่างๆ>
<%@ชือ
32
โครงสร ้างของเอกสาร ASP.NET
ต ัวอย่าง Directives
- Page Directive ใช ้กาหนดคุณสมบัตข
ิ อง ASP.NET
Page ในแต่ละหน้า
ตัวอย่างรู ปแบบ
<%@Page Language=“VB” %>
โดยที่
Language
่ ้ในการเขียนโปรแกรม
ใช ้กาหนดภาษาทีใช
33
ตัวอย่าง
Page Directive
34
โครงสร ้างของเอกสาร ASP.NET
- Code Declaration Blocks
เป็ นการระบุขอบเขตของโค ้ดโปรแกรมส่วนของ ASP.NET
่ ้ดในส่วนนี จะไม่
้
่
ซึงโค
ถก
ู ส่งไปให ้กับบราวเซอร ์โดยตรง โดยเมือมี
้ กทาการคอมไพล ์ให ้เป็ น MSIL และ
การใช ้งานโค ้ดในส่วนนี จะถู
่ ส่วนนี ถื
้ อได ้ว่าเป็ นส่วนหลักของโค ้ดสาหร ับการ
เป็ นภาษาเครือง
่
่ ้องการใช ้ร่วมกันทัง้
ประกาศโพรซิเยอร ์, ฟังก ์ชันหรื
อตัวแปรทีต
่ 1 หน้าสามารถกาหนด Code Declaration Blocks
หน้า ซึงใน
กี่ block ก็ได ้
รู ปแบบ
่ องการใช้เขียน
<Script language = “ภาษาทีต้
โค้ด” runat=“server”>
่ องการ
โค้ดภาษาทีต้
35
ตัวอย่าง
Code Declaration Blocks
36
โครงสร ้างของเอกสาร ASP.NET
- Code Render Blocks
่ ยนในส่วน <%...%>
โค ้ดทีเขี
37
ตัวอย่าง
Code Render Blocks
38
โครงสร ้างของเอกสาร ASP.NET
- Web Forms
สร ้างส่วนติดต่อกับผูใ้ ช ้ทางานฝั่งเซิร ์ฟเวอร ์ แล ้วจึงทาการ
สร ้างเป็ นแบบฟอร ์ม HTML ส่งไปยังโปรแกรมบราวเซอร ์ของผูใ้ ช ้
39
ตัวอย่าง
Web Form
40
โครงสร ้างของเอกสาร ASP.NET
- Server Controls
่ างานฝั่งเซิร ์ฟเวอร ์
คอนโทรลทีท
41
ตัวอย่าง
Server Controls
42
โครงสร ้างของเอกสาร ASP.NET
- HTML Code
่ างานฝั่งบราวเซอร ์ทีน
่ ามาใช ้ในการจัดรูปแบบการ
โค ้ดทีท
่ น HTML จะไม่ต ้องถูกประมวลผล
แสดงผลบางอย่างโดยโค ้ดทีเป็
โดยเซิร ์ฟเวอร ์ แต่จะถูกส่งไปให ้บราวเซอร ์ของผูใ้ ช ้โดยตรง
43
ตัวอย่าง
HTML Code
44
โครงสร ้างของเอกสาร ASP.NET
- Server-Side Comments
่ วยในการแทรกหมายเหตุหรือคาอธิบายโปรแกรม
เป็ นส่วนทีช่
่
ภายในเอกสาร ASP.NET ซึงจะไม่
ถก
ู ทาการประมวลผลที่
่ าเว็บเพจด ้วย
เซิร ์ฟเวอร ์ และจะไม่ปรากฏทีหน้
รู ปแบบ
<%--หมายเหตุ--%>
45
คอนโทรล (Control)
คอนโทรล (Control) หมายถึง ส่วนประกอบของ
่ าหน้าทีติ
่ ดต่อกับผูใ้ ช ้งาน เช่น ปุ่ มคาสัง่ ช่องร ับ
โปรแกรมทีท
่ ่
ข ้อความ เช็คบ๊อกซ ์ เป็ นต ้น คอนโทรลนั้นนับได ้ว่าเป็ นสิงที
่ มมาจาก ASP และคาสังที
่ ใช
่ ้สร ้างคอนโทรลจะมีรป
เพิมเติ
ู แบบ
คล ้ายคลึงกับภาษา XML
46
ประโยชน์ของคอนโทรล


่ ับซ ้อน
ลดการเขียนโปรแกรมทีซ
่ บั ซ ้อนและทาให ้
คอนโทรลนั้นช่วยลดการเขียนโปรแกรมทีซ
การเขียนโปรแกรมง่ายขึน้ เช่น การดึงข ้อมูลจากฐานข ้อมูลมา
แสดงในตาราง
่ ่ งเซิร ์ฟเวอร ์ทังหมด
้
มีการแปลภาษาทีฝั
่ ่ งเซิร ์ฟเวอร ์ทังหมด
้
คอนโทรลนั้นจะถูกแปลทีฝั
จึงลดภาระ
่ ่ งผูใ้ ช ้งาน (ไคลเอ็นต ์) และสามารถแปลภาษา
การทางานทีฝั
่
HTML ทีปกติ
ถก
ู แปลงทางฝั่งผูใ้ ช ้ให ้ไปแปลทางฝั่งเซิร ์ฟ์ เวอร ์
่ ่ งเซิร ์ฟเวอร ์มากกว่าฝั่งผูใ้ ช ้
แทนได ้ ทาให ้ค่าต่าง ๆ จะถูกเก็บไว ้ทีฝั
47
ประโยชน์ของคอนโทรล

่ ดจากคอนโทรลมีความเหมาะสม
รู ปแบบหน้าเว็บเพจทีเกิ
่ ่ งเซิร ์ฟเวอร ์ ดังนั้นคอนโทรล
เนื่ องจากคอนโทรลจะถูกแปลทีฝั
สามารถตรวจสอบดูว่าบราวเซอร ์ทางฝั่ งผูใ้ ช ้ใช ้โปรแกรมใด แลว้
ท าการแปลงเป็ นไฟล ์ HTML
ที่เหมาะสมส าหร บั โปรแกรม
้ บเป็ นประโยชน์อย่างยิง่ เพราะใน
บราวเซอร ์นั้ น ๆ ไดซ
้ งส่
ึ่ วนนี นั
อนาคตการใช ้อินเทอร ์เนตไม่ไดจ้ ากัดอยู่ในคอมพิวเตอร ์เสมอไป
่ PDA เป็ น
เว็บไซต ์อาจถูกเรียกใช ้โดยโทรศัพท ์มือถือ หรือเครือง
ต ้น
48
การใช้งานคอนโทรล
การใช ้งานในแต่ละคอนโทรลต ้องเข ้าใจถึง
- คุณสมบัติ (Property) ของคอนโทรล
่ ละคอนโทรล
- การทางาน (Method) หรือ code ทีแต่
สามารถทาได ้
่ ดขึนกั
้ บแต่ละคอนโทรล
- เหตุการณ์ (Event) ทีเกิ
การกาหนดคุณสมบัต ิ (Property) ให้กบ
ั คอนโทรล
รู ปแบบ
่
ชือคอนโทรล.คุ
ณสมบัต ิ
49
Control ใน ASP.NET
้
 Standard Controls
กลุม
่ คอนโทรลพืนฐาน
่
ประเภท Web Server Control สาหร ับสร ้างฟอร ์มทัวไป
เช่น Button Label หรือ TextBox เป็ นต ้น
่ ้
 HTML Controls
กลุม
่ คอนโทรล HTML ทีใช
่
สาหร ับเปลียนแท็
ก HTML เป็ น HTML Server
่
่ ่ ง Server ได ้
Control ซึงสามารถท
างานทีฝั
่ ยวกับ
 Data Controls
คือ กลุม
่ คอนโทรลทีเกี
การใช ้งานฐานข ้อมูล แบ่งออกเป็ น2กลุม
่ คือ
่ ้ติดต่อกับ
DataSource Control เป็ นกลุม
่ คอนโทรลทีใช
่ บข ้อมูลทีต
่ ้องการ และ DataBound
แหล่งข ้อมูลเพือเก็
่ าข ้อมูลจากแหล่งข ้อมูล
Control เป็ นกลุม
่ คอนโทรลทีน
Control ใน ASP.NET
่ ้
 Validation Controls
กลุม
่ คอนโทรลทีใช
่ งไปทางานทีฝั
่ ่ง
ตรวจสอบความถูกต ้องของข ้อมูลทีจะส่
Server
่ ้
 Navigation Controls
กลุม
่ คอนโทรลทีใช
เส ้นทางการติดต่อของแต่ละเพจ เช่น Tree Viws
่ ้ในการ
 Login Controls
กลุม
่ คอนโทรลทีใช
่ Password และการลงทะเบียน
Login การเปลียน
่ ้สร ้าง
 Web Parts Controls
กลุม
่ คอนโทรลทีใช
ความเป็ นส่วนตัว
 AJAX Extensions Controls
กลุม
่ คอนโทรลที่
ใช ้งานกับเทคโนโลยี AJAX
Control ใน ASP.NET
 Reporting
รายงาน
่ ้สาหร ับการสร ้าง
กลุม
่ คอนโทรลทีใช
Server Control
Server Control เป็ นคอนโทรลกลุม
่ หนึ่ งของ ASP.NET
้ ้วยจุดมุ่งหมายทีแตกต่
่
ถูกสร ้างขึนด
างจาก HTML Control
เนื่ องด ้วย HTML control มีความสัมพันธ ์แบบหนึ่ งต่อหนึ่ งกับ
HTML element ในหน้าเว็บเพจ ในขณะที่ Server Control มี
ความซบั ซ ้อนมากกว่า โดยคอนโทรลหนึ่ ง ๆ สามารถแสดงผลเป็ น
แท็ก HTML ได ้มากกว่า 1ชนิ ด
้ อถู
่ กนาไปวางลงบน form จะถูกแปลง
control ในกลุม
่ นี เมื
ให ้อยู่ในรูปของ Tag และเก็บไว ้ในไฟล ์ .aspx ให ้โดยอัตโนมัติ
่ ละ tag จะกาหนดอยู่ภายในเครืองหมาย
่
่ นต
้ ้น
โดยทีแต่
“< >” ทีขึ
ด ้วย “asp:”
หมายเหตุ โดยจะต ้องกาหนดไว ้ภายใน block ของ Tag
“<Form>… </Form>”
53
Server Control
รู ปแบบที ่ 1
<asp: control-type id = name runat = “server”
[property-set]> value </asp:control-type>
่
โดยที่
name
หมายถึงชือของ
control
control-type หมายถึงประเภทของ control
property-set หมายถึงคุณสมบัตท
ิ ก
ี่ าหนดให ้
control
่ ้องการให ้ปรากฏบน
value
หมายถึงค่าทีต
เช่นcontrol
<asp:Label ID="Label2" runat="server" Text="Label" W
54
Server Control
ผลลัพธ ์
55
Server Control
รู ปแบบที ่ 2
<asp: control-type id = name runat = “server” displayProperty
่
โดยที่ = value [property-set]/>
name
หมายถึงชือของ
control
control
control-type หมายถึงประเภทของ control
property-set หมายถึงคุณสมบัตท
ิ ก
ี่ าหนดให ้
value
่ ้องการให ้ปรากฏบน
หมายถึงค่าทีต
control
เช่น <asp:Button
ID="Button1"
runat="server"
Tex
display-Property
หมายถึง property
ต่างๆ
่ ้แสดงผล
ทีใช
56
Server Control
ผลลัพธ ์
57
ประเภทของ Server Control

Label Control
่ ้แสดงข ้อความต่าง ๆ ในหน้าเว็บเพจ
เป็ นคอนโทรลทีใช
รู ปแบบ
หมายเหตุ
่
<asp:Label id =“ชือคอนโทรล”
่ องการแสดง”
Text=“ ข้อความทีต้
runat = “server”/>
้ อ่ (id) ของ Label Control ควรจะนาหน้าชือด
่ ้วย
การตังชื
58
ประเภทของ Server Control
่ าคญ
คุณสมบัตข
ิ อง Label Control ทีส
ั
คุณสมบัต ิ
คาอธิบาย
id
่
ชือของ
Label
Text
่
อ่านค่าหรือกาหนดค่าข ้อความทีจะแสดงผลใน
บราวเซอร ์
BorderStyle
กาหนดรูปแบบของเส ้นขอบ
Font
กาหนดรูปแบบของตัวอักษรใน Label
้
กาหนดสีของพืนหลั
ง Label
Backcolor
59
ประเภทของ Server Control

TextBox Control
่ ้สร ้างช่องร ับข ้อความ/รหัสผ่าน หรือช่อง
เป็ นคอนโทรลทีใช
่
ร ับข ้อความแบบ TextArea ทีสามารถร
ับข ้อมูลได ้มากกว่า 1
บรรทัด โดยจะรวมเอาความสามารถของคอนโทรลในกลุม
่ HTML
,Server control ได ้แก่ HTMLInput Text และ HTML
TextArea เข ้ามาไว ้ด ้วยกัน
รู ปแบบ
หมายเหตุ
่
<asp:TextBox id =“ชือคอนโทรล”
่ องการแสดง”
Text=“ ข้อความทีต้
= “server”/>
้ runat
่
การตังชื
อ่ (id) ของ TextBox Control ควรจะนาหน้าชือด
60
ประเภทของ Server Control
่ าค ัญ
คุณสมบัตข
ิ อง TextBox Control ทีส
คุณสมบัต ิ
คาอธิบาย
id
่
ชือของ
TextBox
Text
่
อ่านค่าหรือกาหนดค่าข ้อความทีจะแสดงผลใน
TextBox
TextMode
่
อ่านค่าหรือกาหนดค่าชนิ ดของ TextBox ซึงสามารถเป็
น
Multiline = แสดงหลายบรรทัด
Password = แสดงบรรทัดเดียวและแสดงข ้อความภายในเป็ น *
SingleLine(Default) = แสดงบรรทัดเดียว
MaxLenght
่
อ่านค่าหรือกาหนดค่าจานวนตัวอักษรสูงสุดทีบรรจุใน
TextBox
61
ประเภทของ Server Control

Button Control
่ ้สร ้างปุ่ มทาหน้าทีเป็
่ นปุ่ มคาสังหรื
่ อปุ่ ม
เป็ นคอนโทรลทีใช
สาหร ับส่งข ้อมูล
รู ปแบบ
่
<asp:Button id =“ชือคอนโทรล”
่ องการแสดง”
Text=“ ข้อความทีต้
runat = “server”/>
้ อ่ (id) ของ Button Control ควรจะ
หมายเหตุ
การตังชื
่ ้วย btn เช่น btnCalculate เป็ นต ้น
นาหน้าชือด
62
ประเภทของ Server Control
คุณสมบัตข
ิ อง Button Control ที่
สคุาค
ณัญ
สมบัต ิ
คาอธิบาย
id
่
ชือของ
Button
Text
่
อ่านค่าหรือกาหนดค่าข ้อความทีจะแสดงผลในปุ่
ม
63
ประเภทของ Server Control

CheckBox Control
่ ้สร ้างเช็คบ็อกซ ์ ผูใ้ ช ้สามารถคลิกให ้มี
เป็ นคอนโทรลทีใช
สถานะเป็ น เลือก หรือไม่เลือก ได ้
รู ปแบบ
่
<asp:CheckBox id =“ชือคอนโทรล”
่ องการแสดง”
Text=“ ข้อความทีต้
runat = “server”/>
้ อ่ (id) ของ CheckBox Control ควรจะ
หมายเหตุ การตังชื
่ ้วย chk เช่น chkData เป็ นต ้น
นาหน้าชือด
64
ประเภทของ Server Control
คุณสมบัตข
ิ อง CheckBox Control ที่
คุณัญ
สมบัต ิ
คาอธิบาย
สาค
id
่
ชือของ
CheckBox
Text
่
่
อ่านค่าหรือกาหนดข ้อความทีจะแสดงผลต่
อจากช่องกาเครืองหมาย
Checked
่
อ่านค่าหรือกาหนดค่าว่าช่อง CheckBox ถูกกาเครืองหมายหรื
อไม่
่
ซึงสามารถเป็
น
่
- True
=
ถูกกาเครืองหมาย
่
- False =
ไม่ถก
ู กาเครืองหมาย
TextAlign
กาหนดการจัดเรียงข ้อความว่าจะอยู่ด ้านซ ้ายหรือขวาของช่องกา
่
เครืองหมายหากไม่
กาหนดจะเป็ นด ้านขวาโดยปริยาย
- Right =
ด ้านขวา
- Left
=
ด ้านซ ้าย
65
ประเภทของ Server Control

RadioButton control
่ ้สร ้างเรดิโอ ผูใ้ ช ้สามารถคลิกปุ่ มให ้มี
เป็ นคอนโทรลทีใช
่ ทงหมด
้ั
สถานะเป็ น เลือก ได ้เพียงปุ่ มเดียวจากปุ่ มเรดิโอทีมี
รู ปแบบ
่
<asp:RadioButton id =“ชือคอนโทรล”
่ องการแสดง”
Text=“ ข้อความทีต้
runat = “server”/>
66
ประเภทของ Server Control
คุณสมบัตข
ิ อง RadioButton Control
่ คุาค
ทีส
ัญ ต ิ
ณสมบั
คาอธิบาย
id
่
ชือของ
RadioButton
Text
่
อ่านค่าหรือกาหนดค่าข ้อความทีจะแสดงผลข
้าง RadioButton
Checked
้ กเลือกหรือไม่ ซึงสามารถเป็
่
อ่านค่าหรือกาหนดค่าว่าช่อง Radio นี ถู
น
- True
=
ถูกเลือก
- False =
ไม่ถก
ู เลือก
TextAlign
กาหนดการจัดเรียงข ้อความว่าจะอยูด
่ ้านซ ้ายหรือขวาของ RadioButton
หากไม่กาหนดจะเป็ นด ้านขวาโดยปริยาย
- Right =
ด ้านขวา
- Left
=
ด ้านซ ้าย
67