ኄ ቦ
ၹಖю͈
ǏᄺдⳂᷛǐ
ඹڶ·Ⴣᄉಭԅ༰ēՠრຕճ୶ࣅߑပ໔ѺϤॴࠓĢჇไ TextBoxcLabelcButtonc
DropDownList
ԉШဈࣅߑԅರဈֺ֥ēྻރॆဈζٌࠩฉྚྚੋϣࡥԅֺ֥ޏēωॆဈ
·ჃᄉಭಁޙۤಬຣဈܜᅟЈྚੋdඹڶ·Ⴣઝఘԅ༰ēՠრࢶྻӒӾྻຏ༰ંԅġ
ॴࠓ୶ࣅߑݮ҄ᄉಭd
Ⴧไำ·ࣅߑďLabelcTextBox ࣅߑĐԅರဈֺ֥d
Ⴧไ༪႔ࣅߑďRadioButtonListcCheckBoxListcDropDownList ࣅߑԉĐԅರဈֺ֥d
Ⴧไ̟ࣅߑďButtoncLinksButtoncImageButton ࣅߑԉĐԅರဈֺ֥d
Ⴧไॆဈζٌࠩྚੋϣࡥԅֺ֥d
Ⴧไฉྚಁޙᄯఘ୶ࣅߑԅರဈֺ֥d
ৱఀѬౢ
ࡼᗕ Web ᑨ⫼ᑣЁˈ㒣ᐌӮ䘛ࠄ⫼᠋Ϣ᳡ࡵ఼䖯㸠ѸѦⱘᚙމDŽ՟བˈ⫼᠋䗮䖛义
䴶฿ݭϾҎֵᙃᦤѸ㒭᳡ࡵ఼ˈ᳡ࡵ఼ᇚ⫼᠋ֵᙃᬊ䲚ǃֱᄬˈ✊ৢḍᅲ䰙ᚙމخߎⳌᑨⱘ
໘⧚᪡DŽ
ӕϮ㔥キЎњ㒭㔥キӮਬᦤկ᳝䩜ᇍᗻⱘ᳡ࡵˈ㽕∖ᓎゟӮਬ⊼ݠǃⱏᔩӮਬㅵ⧚ㄝ
义䴶DŽ佪ܜˈ㽕∖⫼᠋䗮䖛义䴶฿ݭϾҎֵᙃ⊼ݠӮਬ˗݊ˈᇚӮਬֵᙃᦤѸ㒭᳡ࡵ఼ֱᄬ˗
✊ৢˈ⫼᠋ݡ䆓䯂㔥キᯊህৃҹ䕧ܹӮਬ䋺োᆚⷕ䖯㸠ⱏᔩDŽᴀゴⱘӮਬ⊼ݠҙᅠ៤Ӯਬ
2
%JCRVGT
⊼ݠֵᙃ฿ݭ˄བ 2-1 ᠔⼎˅ֵᙃᰒ⼎ࡳ㛑˄བ 2-2 ᠔⼎˅DŽ⫼᠋ֵᙃᑊֱᄬࠄ᭄
ᑧˈ᭄᳝݇ᑧ᪡ݙᆍᇚৢ䴶ゴ㡖䖯㸠ҟ㒡DŽ
2-1 Ӯਬ⊼ݠ义䴶
2-2 Ӯਬֵᙃᰒ⼎
Ҭ٨͈ഐᤘ
ASP.NET
᳡ࡵ఼ӊᰃ䖤㸠᳡ࡵ఼ッˈᑊϨᇕ㺙њ⫼᠋⬠䴶݊Ҫࡳ㛑ⱘ㒘ӊDŽӊ
ⱘН㸼ᯢᅗϡҙᰃ᳝ਜ⦄㾖⫼ⱘܗ㋴ˈ㗠Ϩᰃϔ⾡ᇍ䈵ˈϔ⾡ᅮН Web ᑨ⫼ᑣ⫼
᠋⬠䴶ⱘ㒘ӊDŽVS 2008 ᦤկњ⾡㉏ൟⱘ᳡ࡵ఼ӊˈབ Web ᷛޚ᳡ࡵ఼ӊǃHTML ᳡
ࡵ఼ӊǃ偠䆕ӊ᭄ӊㄝDŽ
1
ĕ୶ࣅߑԅ೫ۤಹߑ
᳡ࡵ఼ӊⱘሲᗻᰃᣛӊЁ᳝ⱘϢ⫼᠋⬠䴶⡍ᕕⳌ݇ⱘϢ䖤㸠⢊ᗕ᳝݇ⱘᄫ↉DŽ
䚼ߚ᳡ࡵ఼ӊⱘሲᗻৃߚЎѨ㉏˖Ꮧሔǃ᭄ǃ㾖ǃ㸠Ўᴖ乍DŽᏗሔ㉏ሲᗻϢ义䴶
ӊܗ㋴ⱘ䆒㕂᳝݇ˈབӊሎᇌᇣㄝ˗᭄㉏ሲᗻࣙᣀϢ᭄㒥ᅮⳌ݇ⱘሲᗻˈབ DataSource
ㄝ˗㾖㉏ሲᗻࣙᣀ㚠᱃㡆ǃᄫԧḐᓣㄝ˗㸠Ў㉏ሲᗻϢӊ䖤㸠ᯊⳌ݇ˈབ Enable Visible
ㄝ˗ᴖ乍㸼⼎䰸ℸПⱘ݊ҪሲᗻDŽ
џӊᰃᣛᑣᕫҹ䖤㸠ⱘ㾺থ఼˄བ Button ӊⱘ Click џӊㄝ˅ˈᔧ⫼᠋Ϣ Web 义䴶䖯
㸠ѸѦᯊ㹿㾺থˈᑊ䗮䖛ᠻ㸠џӊᑣخߎⳌᑨⱘડᑨDŽϢӴ㒳ᅶ᠋ッにԧЁⱘџӊѢᅶ
᠋ッⱘ Web ᑨ⫼ᑣЁⱘџӊⳌ↨ˈ⬅᳡ࡵ఼ӊᓩথџӊⱘᎹᮍᓣ᳝ϡৠDŽࠡ㗙ᅶ
᠋ッᓩথ໘⧚џӊ˗ৢ㗙ᇚϢ᳡ࡵ఼ӊ݇㘨ⱘџӊᅶ᠋ッᓩথˈ⬅ ASP.NET 义䴶Ḛᶊ
Web ᳡ࡵ఼Ϟ໘⧚DŽᇍѢᅶ᠋ッᓩথⱘџӊˈWeb にԧӊџӊൟ㽕∖ᅶ᠋ッᤩ㦋
%JCRVGT
џӊֵᙃˈᑊϨ䗮䖛 HTTP থ䗕ᇚџӊ⍜ᙃӴ䕧ࠄ᳡ࡵ఼DŽ义䴶Ḛᶊ㾷䞞䆹থ䗕ҹ⹂ᅮ᠔থ⫳
ⱘџӊˈ✊ৢ㽕໘⧚䆹џӊⱘ᳡ࡵ఼Ϟ䇗⫼ҷⷕЁⱘⳌᑨᮍ⊩DŽ
2
ĕ୶ࣅߑԅඋԤ
᳡ࡵ఼ӊ᳝བϟ⡍⚍˖
݀݅ᇍ䈵ൟDŽ᳡ࡵ఼ӊᰃѢ݀݅ᇍ䈵ൟⱘˈℸᅗӀৃҹⳌѦ݅ѿ䞣ሲᗻˈ䖭
ᰃ䕃ӊ⫼ᗱᛇⱘԧ⦄DŽ՟བˈLabel ӊ Button ӊ䛑᳝䆒㕂㚠᱃买㡆ⱘሲᗻˈ
ᅗӀ䛑Փ⫼ৠϔሲᗻüüBackColorDŽ
ֱᄬ㾚⢊ᗕDŽӴ㒳ⱘ HTML ܗ㋴ᰃ᮴㾚⢊ᗕⱘDŽᔧ义䴶᳡ࡵ఼ッᅶ᠋ッП䯈ᴹ
ಲӴ䗕ᯊˈ᳡ࡵ఼ӊӮ㞾ࡼֱᄬ㾚⢊ᗕDŽ
᭄㒥ᅮൟDŽASP.NET ᳡ࡵ఼ӊЎՓ⫼⾡᭄⑤ᦤկњᮍ֓ˈৃҹᖿ䗳ᅲ⦄᭄
㒥ᅮ䆓䯂ˈㅔ࣪њࡼᗕ㔥义ⱘ߯ᓎ䖛DŽ
⫼᠋ᅮࠊDŽ᳡ࡵ఼ӊЎ㔥义ᓔথ㗙ᦤկњ⾡ᴎࠊᴹᅮࠊ㞾Ꮕⱘ义䴶ˈ՟བˈৃҹ䗮䖛
䆒㕂᳡ࡵ఼ӊⱘ CSS ሲᗻᴹ䆒㕂݊㾖DŽ
䜡㕂᭛ӊDŽ᳡ࡵ఼ӊ Web ᑨ⫼ᑣ㑻߿Ϟˈৃ䗮䖛 web.config ᭛ӊᇍᑣ䖯㸠䜡㕂ˈ
䖭ՓᕫᓔথҎਬৃᇍᑣⱘ㸠Ў䖯㸠㒳ϔⱘࠊᬍবˈ㗠᮴乏ᇍᑨ⫼ᑣᴀ䑿䖯㸠
䞡ᮄ㓪䆥ׂᬍDŽ
߯ᓎ⌣㾜఼⡍ᅮⱘ HTMLDŽᔧ⌣㾜఼⬇䇋ᶤϾ义䴶ᯊˈ᳡ࡵ఼ӊӮ⹂ᅮ⌣㾜఼ⱘ㉏ൟˈ
✊ৢ⫳៤䗖ড়䆹⌣㾜఼ᰒ⼎ⱘ HTML ҷⷕDŽ
ၹҬ٨͈
వ͈
1
ĕLabel ࣅߑ
Label
ӊ⫼Ѣ义䴶Ϟᰒ⼎᭛ᴀֵᙃˈᅗϡԚᬃᣕ䴭ᗕ᭛ᴀᰒ⼎ˈ㗠Ϩ䖬ᬃᣕ⫼᠋ҹ㓪
ᮍᓣࡼᗕᰒ⼎᭛ᴀDŽLabel ӊᐌ⫼ⱘሲᗻ᳝ IDǃText Font ሲᗻㄝDŽ݊ЁˈID 㸼⼎ӊ
ᷛ䆚ˈText 㸼⼎ӊᰒ⼎ⱘ᭛ᴀݙᆍˈFont 㸼⼎ᄫԧḐᓣ䆒㕂ˈབᇣǃ买㡆ㄝDŽ
Ǐ՟ 2-1ǐ߽⫼ Label ӊࡼᗕᰒ⼎ᬍব᭛ᴀݙᆍϢᰒ⼎Ḑᓣ˄Ex2-1.aspx˅DŽ
˄1˅েߏĀ㾷އᮍḜ䌘⑤ㅵ⧚఼āЁⱘ trying 㔥キˈ䗝ᢽᖿ᥋㦰ऩЁⱘĀ⏏ࡴᮄ乍āੑ
ҸˈᠧᓔĀ⏏ࡴᮄ乍āᇍ䆱ḚˈĀ䇁㿔ā乍䗝ᢽ Visual C#ˈᑊপ⍜䗝ᢽĀᇚҷⷕᬒऩ⣀ⱘ᭛
ӊЁā䗝乍ˈԧ䆒㕂བ 2-3 ᠔⼎DŽ
˄2˅义䴶䆒䅵㾚ϟ䕧ܹĀ⊼ᛣᶹⳟᰒ⼎ᬜᵰ˖āˈᑊ⏏ࡴ 1 Ͼ Label ӊ 1 Ͼ Button
ӊDŽ䆒㕂 Label ӊ ID ሲᗻؐЎĀlblmessāˈText ሲᗻؐЎĀLabel ӊݙᆍā˗䆒㕂 Button
ӊⱘ Text ሲᗻؐЎĀᬍবݙᆍāˈབ 2-4 ᠔⼎DŽ
%JCRVGT
˄3˅ঠߏĀᬍবݙᆍāᣝ䪂ˈ⬠䴶ߛᤶࠄ⑤㾚ˈ Button1_Click џӊݙ䕧ܹҹϟҷⷕ˖
protected void Button1_Click(object sender, EventArgs e) { lblmes.Text = DateTime.Now.ToString(); lblmes.ForeColor = System.Drawing.Color.Red; lblmes.Font.Bold = true; }
˄4˅ֱᄬ᭛ӊˈ义䴶⑤㾚ᬜᵰབ 2-5 ᠔⼎DŽᣝ F5 䬂ਃࡼ䇗䆩ˈ䖤㸠㒧ᵰབ 2-6 ᠔
⼎ˈऩߏĀᬍবݙᆍāᣝ䪂ৢˈĀLabel ӊݙᆍāব៤њ㑶㡆ǃࡴ㉫ⱘᔧࠡᯊ䯈DŽ
⬅ѢĀ⏏ࡴᮄ乍āᇍ䆱ḚЁ䗝ᢽĀᇚҷⷕᬒऩ⣀ⱘ᭛ӊЁā䗝乍ˈ䆹Ḝ՟䞛⫼
њऩ᭛ӊᓣ߯ᓎ㔥义ˈे㔥义ⱘ HTML ᷛ䆄џӊҷⷕݙᆍϔ䍋ֱᄬҹ.aspx Ўᠽሩৡⱘ
᭛ӊ䞠DŽ
Ex2-1.aspx
⑤ҷⷕབϟ˖
<%@ Page Language="C#" %> <script runat="server">protected void Button1_Click(object sender, EventArgs e) {
2-3 Ā⏏ࡴᮄ乍āᇍ䆱Ḛ
2-4 义䴶䆒䅵㾚
2-5 义䴶⑤㾚
ᣝ䪂ऩߏџӊ
߱ࡴ䕑ˈऩߏĀᬍবݙᆍā
ᣝ䪂ⱘᬜᵰ
ऩߏĀᬍবݙᆍāᣝ䪂ৢ
ⱘᬜᵰ
2-6 䖤㸠㒧ᵰ
%JCRVGT lblmes.Text = DateTime.Now.ToString(); lblmes.ForeColor = System.Drawing.Color.Red; lblmes.Font.Bold = true; } </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server">
<title>Ex2-1</title> </head>
<body>
<form id="form1" runat="server"> <div>
⊼ᛣᶹⳟᰒ⼎ᬜᵰ˖
<asp:Label ID="lblmes" runat="server" Text="Labelӊݙᆍ"></asp:Label><br /> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ᬍবݙᆍ"/> </div> </form> </body> </html>
ᑣ䇈ᯢ˖
Ālblmes.Text = DateTime.Now.ToString();ā䇁হЁˈDateTime.Now ሲᗻⱘ⫼ᰃ㦋পϔϾ
DateTime
ᇍ䈵ˈᑊᇚ݊䆒㕂Ў㋏㒳ᔧࠡ᮹ᳳᯊ䯈DŽToString()ᮍ⊩ⱘ⫼ᰃ䖨ಲᔧ
ࠡᇍ䈵ⱘᄫヺІDŽ
Ālblmes.ForeColor = System.Drawing.Color.Red;ā䇁হЁˈlblmes.ForeColor ᣛⱘᰃ lblmes
ӊⱘ ForeColor ሲᗻˈSystem.Drawing.Color.Red 㸼⼎ System.Drawing ੑৡぎ䯈ⱘ
买㡆ؐDŽ
Ālblmes.Font.Bold = true;ā㸼⼎ lblmes ӊⱘ Font ᄫԧ Bold ሲᗻؐЎ trueˈेӊ᭛ᴀ
ᄫԧҹࡴ㉫Ḑᓣᰒ⼎DŽ
ᦤ⼎˖ඹШெࣣຏēྚੋ౨ມವԅࡁൟำ·ಾರဈ HTML γஆݧࡁൟำᆓມವē֗Ϣರ
ဈ Label ࣅߑē࿙น Label ࣅߑᆴน୶ࣅߑݖႽဈྡྷՇԅ୶ᆇၗd
࠰ڕ VS 2008 ඔ٢ॴӦำߑ੦җߙྚੋԅٟટēӬҶӝ৲דशԅಁޙຸѻ֟ēߙ࿐
ՠრ༪႔qߜӝ৲ׂၽӦ՟ԅำߑᄯr؏༪ົd
2
ĕTextBox ࣅߑ
TextBox
ӊজ⿄᭛ᴀḚӊˈᰃ⫼Ѣ䕧ܹӏԩ㉏ൟⱘ᭛ᴀǃ᭄ᄫ݊Ҫᄫヺⱘ᭛ᴀऎඳDŽ
ৠᯊˈTextBox ӊгৃҹ䆒㕂Ўা䇏ӊˈ⫼Ѣ᭛ᴀᰒ⼎DŽ
TextBox
ӊⱘᐌ⫼ሲᗻঞ䇈ᯢབ㸼 2-1 ᠔⼎DŽ
㸼 2-1 TextBox ӊⱘᐌ⫼ሲᗻঞ䇈ᯢ
ሲᗻ
䇈ᯢ
ID
ӊଃϔᷛ䆚
Text
ӊ㽕ᰒ⼎ⱘ᭛ᴀ
%JCRVGT
㓁㸼
ሲᗻ
䇈ᯢ
TextMode
ӊⱘ䕧ܹᓣˈ᳝ SingleLine˄ऩ㸠˅ǃMultiLine˄㸠˅ Password˄ᆚⷕ˅
ϝ⾡ˈ咬䅸Ў SingleLine
Width
ӊⱘᆑᑺ
MaxLength
ӊৃᬊⱘ᳔ᄫヺ᭄
AutoPostBack
ӊݙᆍׂᬍৢˈᰃ৺㞾ࡼಲথࠄ᳡ࡵ఼DŽᐌӊⱘ TextChanged џӊ䜡ড়Փ⫼
Visible
ӊᰃ৺ৃ㾕
Enabled
ӊᰃ৺ৃ⫼
Rows
ӊЁ᭛ᴀᰒ⼎ⱘ㸠᭄ˈ䆹ሲᗻ TextMode Ў MultiLine ᯊ᳝ᬜ
Ǐ՟ 2-2ǐ߽⫼ TextBox ӊࠊ⫼᠋ⱏᔩ义䴶ˈབ 2-7 ᠔⼎DŽ⫼᠋ৡ᳔ᬃᣕ 3 Ͼᄫ
ヺˈܝᷛ⿏ߎྦྷৡ᭛ᴀḚᯊˈሣᐩϞߎ⦄ࡼᗕᦤ⼎᭛ᄫ˗ᆚⷕ䕧ܹᯊҹ咥⚍ᰒ⼎˄Ex2-2.aspx˅DŽ
˄1˅义䴶Ϟ䕧ܹĀྦྷৡ˖āˈᑊ⏏ࡴ 1 Ͼ TextBox ӊDŽߚ߿䆒㕂 TextBox ӊⱘ ID ሲ
ᗻЎ txtnameˈWidth ሲᗻЎ 80pxˈMaxLength ሲᗻЎ 3ˈAutoPostBack ሲᗻЎ TrueDŽ
˄2˅ऩߏሲᗻにষϞッⱘџӊᷛ ˈᇚሲᗻにষߛᤶࠄџӊにষˈঠߏ TextChanged
џӊ㗙ঠߏ txtname ӊˈᠧᓔ txtname_TextChanged џӊ㓪䕥にষˈ䕧ܹҹϟҷⷕ˖
protected void txtname_TextChanged(object sender, EventArgs e) {
Response.Write("Դⱘྦྷৡᰃ˖" + txtname.Text); }
˄3˅义䴶Ϟ䕧ܹĀᆚⷕ˖āˈᑊ⏏ࡴ 1 Ͼ TextBox ӊDŽ䆒㕂 TextBox ӊ TextMode
ሲᗻЎ PasswordDŽ
˄4˅义䴶Ϟ⏏ࡴ 1 Ͼ Button ӊˈ䆒㕂 Text ЎĀⱏᔩāˈֱᄬ㔥义DŽᣝ F5 䬂ਃࡼ䇗
䆩ˈ䖤㸠㒧ᵰབ 2-7 ᠔⼎DŽᔧྦྷৡݙᆍথ⫳ᮄᯊˈ义䴶Ϟᮍⱘᦤ⼎ݙᆍӮ䱣ПᮄDŽ
%JCRVGT
Ex2-2.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-2.aspx.cs" Inherits="Ex2_2" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-2</title> </head>
<body>
<form id="form1" runat="server"> <div>
ྦྷৡ˖<asp:TextBox ID="txtname" runat="server" AutoPostBack="True" Width="80px" MaxLength="3" ontextchanged ="txtname_TextChanged" />
<br />
ᆚⷕ˖<asp:TextBox ID="TextBox2" runat="server" TextMode="Password" /> <br />
<asp:Button ID="Button1" runat="server" Text="ⱏᔩ" /> </div>
</form> </body> </html>
Ex2-2.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void txtname_TextChanged(object sender, EventArgs e) {
Response.Write("Դⱘྦྷৡᰃ˖" + txtname.Text); }
ᑣ䇈ᯢ˖
ׂᬍ TextBox ӊݙᆍৢˈᇚᓩথӊⱘ OnTextChanged џӊDŽԚ䳔㽕⊼ᛣⱘᰃˈTextBox
ӊⱘ AutoPostBack ሲᗻᖙ乏䆒㕂Ў TrueDŽ
Response.Write
ⱘ⫼ᰃᅶ᠋ッ⌣㾜఼䕧ߎᄫヺІDŽ݊ЁˈĀ+āᰃᄫヺІ䖲䖤ㅫヺˈ
䍋ࠄ䖲ᄫヺІⱘ⫼ˈབĀЁā+ĀԴདāㄝӋѢĀЁԴདāDŽ
ᤥહ͈
1
ĕRadioButton ࣅߑ
RadioButton
ӊᰃऩ䗝ᣝ䪂ӊˈᔧ⫼᠋䗝ᢽᶤϾऩ䗝ᣝ䪂ᯊˈৠ㒘Ёⱘ݊Ҫ䗝乍ϡ㛑
㹿ৠᯊ䗝ЁDŽRadioButton ӊⱘᐌ⫼ሲᗻঞ䇈ᯢབ㸼 2-2 ᠔⼎DŽ
㸼 2-2 RadioButton ӊⱘᐌ⫼ሲᗻঞ䇈ᯢ
ሲᗻ
䇈ᯢ
ID
ӊଃϔᷛ䆚
Text
ӊ݇㘨ⱘ᭛ᴀᷛㅒ
GroupName
ӊ᠔ሲⱘӊ㒘ৡ
%JCRVGT
㓁㸼
ሲᗻ
䇈ᯢ
Checked
ӊᰃ৺㹿䗝Ё
AutoPostBack
ऩߏӊᯊᰃ৺㞾ࡼಲথࠄ᳡ࡵ఼
Enabled
߸ᮁӊᰃ৺ৃ⫼
Ǐ՟ 2-3ǐ߽⫼ RadioButton ӊᅲ⦄㗗䆩㋏㒳Ёऩ䗝乬ⱘ᪡ˈབ 2-8 ᠔⼎DŽᔧ⫼᠋
ϡ䗝ᢽㄨḜऩߏĀᦤѸāᣝ䪂ᯊˈ义䴶ᔍߎĀ䇋䗝ᢽㄨḜʽāᦤ⼎˗ᔧ⫼᠋䗝ᢽℷ⹂ㄨḜ B ᯊˈ
义䴶ᦤ⼎Āᙁ୰Դˈಲㄨℷ⹂ʽā˗৺߭ᦤ⼎Āᇍϡ䍋ˈℷ⹂ㄨḜᰃ Bʽā˄Ex2-3.aspx˅DŽ
2-8 RadioButton ӊ⫼⊩
Ex2-3.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" CodeFile="Ex2-3.aspx.cs" Inherits="Ex2_3" %> <html>
<body>
<form id="form1" runat="server">
䚥ᎲᏖᰃҹϟાϾⳕⱘⳕӮ˄ऩ䗝乬˅<br />
<asp:RadioButton ID="R1" runat="server" GroupName="sel1" Text="A.࣫ⳕ" /> <asp:RadioButton ID="R2" runat="server" GroupName="sel1" Text="B.⊇फⳕ" /> <asp:RadioButton ID="R3" runat="server" GroupName="sel1" Text="C.ᅝᖑⳕ" /><br /> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ᦤѸ" /> </form>
</body> </html>
Ex2-3.aspx.cs
᭛ӊⱘЏ㽕ҷⷕབϟ˖
protected void Button1_Click(object sender, EventArgs e) {
//བᵰ≵᳝䗝ᢽㄨḜ
if (R1.Checked == false && R2.Checked == false && R3.Checked == false) Response.Write("<script>alert('䇋䗝ᢽㄨḜʽ')</script>");
else {
%JCRVGT //߸ᮁ᠔䗝ㄨḜᰃ৺ℷ⹂ if (R2.Checked == true) Response.Write("<script>alert('ᙁ୰Դˈಲㄨℷ⹂ʽ')</script>"); else Response.Write("<script>alert('ᇍϡ䍋ˈℷ⹂ㄨḜᰃ Bʽ')</script>"); } }
ᑣ䇈ᯢ˖
3
Ͼ RadioButton ӊⱘ GroupName ሲᗻؐ䛑ᰃ sel1ˈা᳝ GroupName ሲᗻؐⳌৠᠡ㛑
ֱ䆕䖭ѯӊ៤Ўϔ㒘DŽ
ৢৄҷⷕ᭛ӊЁˈҹĀ//āᷛ䆄ᓔ༈㸼⼎䆹㸠Ў⊼䞞㸠ˈ䆹ᷛ䆄ৢ䴶ⱘ䇁হϡ㹿ᠻ㸠DŽ
Āif (R2.Checked == true)ā䇁হЁⱘ R2.Checked ⱘؐЎ true ᯊˈ㸼⼎ RadioButton ӊ
R2
㹿䗝Ё˗ؐЎ false ᯊˈ㸼⼎㹿䗝ЁDŽ
Āif (R1.Checked == false && R2.Checked == false && R3.Checked == false)ā䇁হЁˈ
Ā&&āヺোᑣЁᰃĀ䘏䕥ᑊā䖤ㅫヺDŽབ᳝䘏䕥㸼⼎ᓣ AǃBˈᔧϨҙᔧ AǃB
ؐ䛑Ў true ᯊˈA&&B ؐЎ trueDŽⳌᇍഄˈ䖤ㅫヺĀ||ā㸼⼎Ā䘏䕥ā䖤ㅫDŽ
2
ĕRadioButtonList ࣅߑ
⬅Ѣ↣Ͼ RadioButton ӊ RadioButton 㒘ЁᰃⳌѦ⣀ゟⱘˈ㢹߸ᮁৠ㒘ЁⱘϾ
RadioButton
ӊᰃ৺㹿䗝Ёˈ䳔㽕߸ᮁ᠔᳝ RadioButton ӊⱘ Checked ሲᗻˈᬜ⥛䕗ԢDŽ
RadioButtonList
ӊ᳝ᬜഄ㾷އњ䖭Ͼ䯂乬ˈᅗЎ䇏㗙ᦤկњϔ㒘 RadioButtonˈᮍ֓њ
⫼᠋᪡DŽRadioButtonList ӊⱘᐌ⫼ሲᗻঞ䇈ᯢབ㸼 2-3 ᠔⼎DŽ
㸼 2-3 RadioButtonList ӊⱘᐌ⫼ሲᗻঞ䇈ᯢ
ሲᗻ
䇈ᯢ
ID
ӊଃϔᷛ䆚
AutoPostBack
ऩߏӊᯊᰃ৺㞾ࡼಲথࠄ᳡ࡵ఼ˈડᑨ OnSelectedIndexChanged џӊ
CellPading
乍ⳂП䯈ⱘ䎱⾏ˈऩԡᰃڣ㋴
Items
䖨ಲ RadioButtonList ӊЁⱘ ListItem ⱘᇍ䈵
RepeatDirection
䗝ᢽ乍Ⳃⱘᥦ߫ᮍˈ咬䅸Ў Vertical
RepeatColumns
䆒㕂ϔ㸠ᮟ䕀䗝ᢽ乍ⳂⱘϾ᭄ˈ咬䅸Ў 0˄㸼⼎ᗑ⬹䆹乍˅
SelectedItem
䖨ಲ㹿䗝ᢽⱘ ListItem ᇍ䈵
TextAlign
䆒㕂乍Ⳃ᠔ᰒ⼎᭛ᄫᣝ䪂Ꮊ䖍䖬ᰃে䖍ˈ咬䅸Ў Right
Ǐ՟ 2-4ǐ ߽⫼ RadioButtonList ӊⱘ AutoPostBack ሲᗻ OnSelectedIndexChanged џ
ӊᅲ⦄ᗻ߿ऩ䗝ᦤ⼎᭛ᄫेᯊᮄˈབ 2-9 ᠔⼎DŽབ⫼᠋䗝ᢽĀ⬋āˈ义䴶ϟ䴶ⱘ᭛ᄫゟ
ेবЎĀԴ䗝ᢽⱘᰃ˖⬋˗ᇍᑨⱘؐЎ˖1ā˄Ex2-4.aspx˅DŽ
%JCRVGT
2-9 RadioButtonList ӊ⫼⊩
Ex2-4.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-4.aspx.cs" Inherits="Ex2_4" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-4</title> </head>
<body>
<form id="form1" runat="server"> <div>
<asp:RadioButtonList ID="rblsex" runat="server" RepeatDirection="Horizontal" onselectedindexchanged ="rblsex_SelectedIndexChanged" AutoPostBack="True">
<asp:ListItem Value="1">⬋</asp:ListItem> <asp:ListItem Value="0">ཇ</asp:ListItem> </asp:RadioButtonList>
Դ䗝ᢽⱘᰃ˖<asp:Label ID="lbl1" runat="server" Text="Label"></asp:Label> ˗ᇍᑨⱘؐЎ˖<asp:Label ID="lbl2" runat="server" Text="Label"></asp:Label> </div>
</form> </body> </html>
Ex2-4.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void rblsex_SelectedIndexChanged(object sender, EventArgs e) {
lbl1.Text = rblsex.SelectedItem.Text; lbl2.Text = rblsex.SelectedItem.Value; }
ᑣ䇈ᯢ˖
RadioButtonList
ӊⱘ䗝乍⬅ ListItem ӊᅲ⦄DŽབ<asp:ListItem Text="⬋" Value= "1"
/>
㗙<asp:ListItem Value="1">⬋</asp:ListItem>ˈText ᳝ؐ䖭ϸ⾡ݭ⊩ˈ݊Ҫӊ㉏
ԐDŽ
Ālbl1.Text = rblsex.SelectedItem.Text;ā䇁হЁⱘ rblsex.SelectedItem.Text 㸼⼎ rblsex ӊ
ᔧࠡ㹿䗝ᢽ乍ⱘ Text ؐˈे ListItem ӊⱘ Text ؐDŽ㗠 rblsex.SelectedItem.Value 㸼
⼎ rblsex ӊᔧࠡ㹿䗝ᢽ乍ⱘ Value ؐˈे ListItem ӊⱘ Value ؐDŽ
%JCRVGT
㢹Փӊⱘ OnSelectedIndexChanged џӊ˄㗙 Selectedindexchanged џӊ˅ेᯊ⫳ᬜˈ
ᖙ乏䆒㕂ӊⱘ AutoPostBack ሲᗻЎ TrueDŽ
ᦤ⼎˖RadioButtonList ࣅߑൎ౿ރԅ ListItem ༪႔ົēՠრࢶྻၽ༪ᄯࣅߑನēӦݬࣅߑ
ဗ౨ֺԅ ̟ē༪႔qRadioButtonList ఉrᄯԅqΩހົ…rগēඹڶ࠘ੋࣿಬຣ
༪႔ົԅචަۤΩހd
3
ĕCheckBox ࣅߑ
CheckBox
ӊ⫼ᴹ㸼⼎ᰃ৺䗝পњᶤϾ䗝乍ˈᐌ⫼Ѣ᳝ᰃ/৺ǃⳳ/؛䗝乍ⱘ䗝পDŽ
CheckBox
ӊ RadioButton ӊⱘऎ߿Ѣࠡ㗙ܕ䆌䗝DŽ⬅Ѣ CheckBox ӊ
RadioButton
ӊⱘᐌ⫼ሲᗻԧⳌৠDŽ
Ǐ՟ 2-5ǐ߽⫼ CheckBox ӊᅲ⦄㗗䆩㋏㒳Ёϡᅮ乍䗝ᢽ乬ⱘ᪡ˈབ 2-10 ᠔⼎DŽᔧ
⫼᠋䗝ᢽ ABC ϝϾㄨḜᯊˈᦤ⼎Āಲㄨℷ⹂ā˗৺߭ᦤ⼎Ā䫭䇃ˈℷ⹂ㄨḜЎ ABCā
˄Ex2-5.aspx˅DŽ
2-10 CheckBox ӊ⫼⊩
Ex2-5.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-5.aspx.cs" Inherits="Ex2_5" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-5</title> </head>
<body>
<form id="form1" runat="server"> <div>
ҹϟජᏖЁˈሲѢ⊇फⳕⱘජᏖ᳝ાѯ˛<br /> <asp:CheckBox ID="ckb1" runat="server" Text="䚥ᎲᏖ" /> <asp:CheckBox ID="ckb2" runat="server" Text="⋯䰇Ꮦ" /> <asp:CheckBox ID="ckb3" runat="server" Text="ᓔᇕᏖ" /> <asp:CheckBox ID="ckb4" runat="server" Text="कคᏖ" /><br />
<asp:Button ID="Button1" runat="server" Text="ᦤѸ" onclick="Button1_Click" /> </div>
</form> </body> </html>
%JCRVGT
Ex2-5.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Button1_Click(object sender, EventArgs e) {
if (!ckb1.Checked && !ckb2.Checked && !ckb3.Checked && !ckb4.Checked) Response.Write("<script>alert('䇋䗝ᢽㄨḜʽ')</script>");
else {
if (ckb1.Checked && ckb2.Checked && ckb3.Checked) Response.Write("<script>alert('ಲㄨℷ⹂')</script>"); else Response.Write("<script>alert('䫭䇃ˈℷ⹂ㄨḜЎ ABC')</script>"); } }
ᑣ䇈ᯢ˖
if(ckb1.Checked)
if(ckb1.Checked==true)ⱘ⫼Ⳍৠˈ䛑㸼⼎ ckb1 ӊ㹿䗝ЁDŽ㗠
if(!ckb1.Checked)
if(ckb1.Checked==false)ⱘ⫼Ⳍৠˈ䛑㸼⼎ ckb1 ӊ㹿䗝ЁDŽ
4
ĕCheckBoxList ࣅߑ
⫼ CheckBox ӊৃҹᅲ⦄䗝ࡳ㛑ˈԚ߸ᮁ㹿䗝Ёⱘ䗝乍ᯊˈ䳔㽕ᇍ↣ϔϾᇍ䈵䛑䖯
㸠߸ᮁDŽCheckBoxList ӊ RadioButtonList ӊ㉏Ԑˈৃҹᮍ֓ഄ߸ᮁ⫼᠋䗝Ёⱘ䗝乍DŽ
Ǐ՟ 2-6ǐ߽⫼ CheckBoxList ӊᅲ⦄⫼᠋ϾҎ⠅ད䗝ᢽࡳ㛑义䴶ˈབ 2-11 ᠔⼎DŽḍ
⫼᠋᠔䗝ᢽⱘ⠅དϡৠˈ义䴶ϟᮍߎ⦄ⱘ䗝ᢽ㒧ᵰࡼᗕব࣪˄Ex2-6.aspx˅DŽ
2-11 CheckBoxList ӊ⫼⊩
Ex2-6.aspx
᭛ӊЏ㽕ҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-6.aspx.cs" Inherits="Ex2_6" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-6</title> </head>
<body>
<form id="form1" runat="server"> <div>
䇋䗝ᢽԴⱘ⠅ད˖
<asp:CheckBoxList ID="ckl1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal"> <asp:ListItem>ଅ℠</asp:ListItem>
%JCRVGT <asp:ListItem>␌⋇</asp:ListItem> <asp:ListItem>⠀ቅ</asp:ListItem> <asp:ListItem>ᮙ㸠</asp:ListItem> <asp:ListItem>䩧剐</asp:ListItem> </asp:CheckBoxList>
<asp:Button ID="Button1" runat="server" Text="ᦤѸ" onclick="Button1_Click" /> <asp:Label ID="lblmes" runat="server"/>
</div> </form> </body> </html>
Ex2-6.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Button1_Click(object sender, EventArgs e) {
string result = "Դ䗝ᢽⱘᰃ˖"; for (int i = 0; i < ckl1.Items.Count; i++) {
if (ckl1.Items[i].Selected)
result += ckl1.Items[i].Text + " "; }
lblmes.Text = result; }
ᑣ䇈ᯢ˖
Āfor (int i = 0; i < ckl1.Items.Count; i++)ā䇁হЁˈckl1.Items.Count 㸼⼎ CheckBoxList
ӊ䗝乍ⱘ᭄Ⳃˈ߽⫼ for ᕾ⦃ৃҹᮍ֓ഄᅲ⦄䗝乍ᰃ৺㹿䗝ᢽⱘẔᶹࡳ㛑DŽ
Āif (ckl1.Items[i].Selected)ā䇁হЁˈckl1.Items[i].Selected 㸼⼎ CheckBoxList ӊⱘ i
Ͼ䗝乍㹿䗝ЁDŽ䳔㽕⊼ᛣⱘᰃˈCheckBoxList 䗝乍ᰃ⫼ Selected ؐᴹ߸ᮁⱘˈ㗠䴲
Checked
ሲᗻDŽ
5
ĕDropDownList ࣅߑ
DropDownList
ӊᰃϔϾϟᢝᓣ߫㸼ӊˈࡳ㛑 RadioButtonList ӊ㉏Ԑˈ⫼᠋ৃҹ
Ңϟᢝ߫㸼ḚЁ䗝ᢽऩϔ䗝乍DŽDropDownList ӊ䗖ড়᳝䕗䗝乍ⱘᚙމˈ㛑Փᑣ⬠
䴶ࡴ㋻ޥDŽ
Ǐ՟ 2-7ǐ߽⫼ DropDownList ӊᅲ⦄⫼᠋ߎ⫳ഄ䗝ᢽࡳ㛑ˈབ 2-12 ᠔⼎DŽḍ⫼᠋
᠔䗝ᢽⱘߎ⫳ഄϡৠˈऩߏĀᦤѸāᣝ䪂ৢᦤ⼎ϡৠⱘֵᙃ˄Ex2-7.aspx˅DŽ
2-12 DropDownList ӊ⫼⊩
%JCRVGT
Ex2-7.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-7.aspx.cs" Inherits="Ex2_7" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-7</title> </head>
<body>
<form id="form1" runat="server"> <div>
ߎ⫳ഄ˖
<asp:DropDownList ID="ddlbir" runat="server" Width="86px"> <asp:ListItem Selected="True" Value="1">࣫ҀᏖ</asp:ListItem> <asp:ListItem Value="2">Ϟ⍋Ꮦ</asp:ListItem>
<asp:ListItem Value="3">䞡ᑚᏖ</asp:ListItem> <asp:ListItem Value="4">⋹Ꮦ</asp:ListItem> </asp:DropDownList>
<br />
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ᦤѸ" /> <asp:Label ID="lblmes" runat="server" Text="Դⱘߎ⫳ഄᰃ˖"/>
</div> </form> </body> </html>
Ex2-7.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Button1_Click(object sender, EventArgs e) {
lblmes.Text += ddlbir.SelectedItem.Text; }
ᑣ䇈ᯢ˖
ҷⷕĀ<asp:ListItem Selected="True" Value="1">āЁˈSelected="True"ⱘ⫼ᰃᇚ䆹䗝乍
Ў咬䅸䗝Ё乍DŽ
Ālblmes.Text += ddlbir.SelectedItem.Text;ā䇁হЁˈddlbir.SelectedItem.Text 㦋পⱘᰃ䗝乍
ⱘ Text ؐˈेᰒ⼎ߎᴹⱘ᭛ᴀ˄བ࣫ҀᏖǃϞ⍋Ꮦㄝ˅ˈ㗠 ddlbir.SelectedValue 㸼⼎
䗝乍ⱘ Value ؐ˄བ࣫ҀᏖᇍᑨЎ 1ǃϞ⍋ᏖᇍᑨЎ 2˅DŽ
ᦤ⼎˖ӝ৲qlblmes.Text += ddlbir.SelectedItem.Textrᄯѻຣॴq+=rၮസēᆴဈອӲ
ဟ lblmes.Text = lblmes.Text +ddlbir.SelectedItem.Textdैఢēstring str = "દಾ"Ģstr += "Ӗ༰ಓ
"
Ģ֗ᆫᄴ str έ२ᄔนqદಾӖ༰ಓrd
6
ĕCalendar ࣅߑ
Calendar
ӊᰃ᮹ग़ӊˈ⫼Ѣ䗝ᢽ᮹ᳳDŽৃҹ㒧ড় TextBox ӊϔ䍋Փ⫼ˈᅲ⦄᮹ᳳ䕧
ܹˈҢ㗠⫼㾘㣗ᑊㅔ࣪ⱘ᮹ᳳḐᓣ䕧ܹDŽ
Ǐ՟ 2-8ǐ߽⫼ Calendar ӊᅲ⦄⫼᠋ܹಶ᮹ᳳ䕧ܹࡳ㛑ˈབ 2-13 ᠔⼎DŽ⫼᠋䗮䖛䗝
ᢽ Calendar ӊⱘ᮹ᳳˈՓ݊㞾ࡼߎ⦄ TextBox ӊ᭛ᴀḚЁ˄Ex2-8.aspx˅DŽ
%JCRVGT
2-13 Calendar ӊ⫼⊩
Ex2-8.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-8.aspx.cs" Inherits="Ex2_8" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-8</title> </head>
<body>
<form id="form1" runat="server"> <div>
Դⱘܹಶᯊ䯈ᰃ˖
<asp:TextBox ID="txtdate" runat="server" Enabled="False"/>
<asp:Calendar ID="Calendar1" runat="server" onselectionchanged="Calendar1_SelectionChanged"> </asp:Calendar> </div> </form> </body> </html>
Ex2-8.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Calendar1_SelectionChanged(object sender, EventArgs e) {
txtdate.Text = Calendar1.SelectedDate.ToShortDateString(); }
ᑣ䇈ᯢ˖
ҷⷕĀ<asp:TextBox ID="txtdate" runat="server" Enabled="False"/>āЁˈEnabled="False"
㸼⼎ӊϡৃᎹ㓪䕥DŽ
Փ⫼ Calendar ӊᯊˈ⫼᠋ৃҹ䗮䖛ӊেϞᮍⱘ ሩᓔĀCalendar ӏࡵāˈ䗮䖛䆒㕂Ā㞾
ࡼ༫⫼Ḑᓣ…āᴹ䆒㕂ӊ㾖DŽ
ᦤ⼎˖ဎဟ Calendar ࣅߑႽဈྚੋࠀտēҶྚੋਥڔѻ֟ēՠრࢶྻၽ TextBox ࣅߑ܊
චަྡྷّ̟ēဈဟࣅᄥ Calendar ࣅߑມವqCalendar1.Visible = true;rd
ોᨎ͈
1
ĕButton ࣅߑ
%JCRVGT
џӊDŽButton ӊⱘᐌ⫼ሲᗻ᳝ IdǃTextǃPostBackUrl ঞ OnClick џӊDŽ݊ЁˈPostBackUrl
ሲᗻ⫼Ѣ䆒㕂ऩߏӊ᠔থ䗕ⱘ URL ഄഔDŽ
ϟ䴶ⴔ՟ 2-8 ᴹ㒻㓁᪡ˈ⏏ࡴ 1 Ͼ Button ӊࠊ Calendar ӊⱘᰒ⼎DŽ
Ǐ՟ 2-9ǐ߽⫼ Button ӊࠊ Calendar ӊⱘᰒ⼎ˈᬜᵰབ 2-14 ᠔⼎DŽऩߏĀᰒ⼎
᮹ग़āᣝ䪂ˈߎ⦄᮹ग़˗⫼᠋䗝ᢽ᮹ᳳৢˈ᮹ᳳߎ⦄᭛ᴀḚЁˈ᮹ग़にষ݇䯁˄Ex2-9.aspx˅DŽ
2-14 Button ӊ⫼⊩
Ex2-9.aspx
᭛ӊЏ㽕ҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-9.aspx.cs" Inherits="Ex2_8" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-8</title> </head>
<body>
<form id="form1" runat="server"> <div>
Դⱘܹಶᯊ䯈ᰃ˖<asp:TextBox ID="txtdate" runat="server" Enabled="False"/> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ᰒ⼎᮹ग़" /> <asp:Calendar ID="Calendar1" runat="server"
onselectionchanged="Calendar1_SelectionChanged" Height="125px" Visible="False"> </asp:Calendar> </div> </form> </body> </html>
Ex2-9.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Calendar1_SelectionChanged(object sender, EventArgs e) {
txtdate.Text = Calendar1.SelectedDate.ToShortDateString(); Calendar1.Visible = false ;
}
protected void Button1_Click(object sender, EventArgs e) {
Calendar1.Visible = true; }
%JCRVGT
ᑣ䇈ᯢ˖
䆒㕂 Calendar1 ӊⱘ Visible ሲᗻЎ Falseˈᅲ⦄ӊ㔥义ࡴ䕑ৢϡৃ㾕DŽButton1 ⱘ
Click
џӊ߽⫼ҷⷕĀCalendar1.Visible= true;āᴹᰒ⼎ӊDŽ㗠 Calendar1_SelectionChanged ᅲ
⦄᭛ᴀḚ᭛ᴀ䕧ܹˈᑊݡ䱤㮣᮹ग़ӊDŽ
2
ĕLinkButton ࣅߑ
LinkButton
ӊজ⿄䍙䫒ᣝ䪂ӊˈ䆹ӊࡳ㛑ϞϢ Button ӊⳌৠˈԚḋᓣҹ䍙
䫒ᔶᓣᰒ⼎DŽLinkButton ӊ᳝ϔϾ PostBackUrl ሲᗻˈ䆹ሲᗻ⫼Ѣ䆒㕂ऩߏӊᯊ䫒ࠄ
ⱘ㔥ഔDŽ
Ǐ՟ 2-10ǐ߽⫼ LinkButton ӊ PostBackUrl ሲᗻᅲ⦄䍙䫒ࡳ㛑ˈབ 2-15 ᠔⼎DŽ⫼
᠋ऩߏĀᠧᓔ Ex2-9ā䫒ˈ义䴶ᇚ䕀 Ex2-9.aspx 义䴶˄Ex2-10.aspx˅DŽ
Ex2-10.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-10.aspx.cs" Inherits="Ex2_10" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-10</title> </head>
<body>
<form id="form1" runat="server"> <div>
䍙䫒义䴶<asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="~/Ex2-9.aspx">ᠧᓔ Ex2-9 </asp:LinkButton> </div> </form> </body> </html>
ᑣ䇈ᯢ˖
PostBackUrl="~/Ex2-9.aspx"
㸼⼎䍙䫒ᣛⱘᮄ义䴶ഄഔˈഄഔⱘĀ~/āᰃⳌᇍ䏃ᕘⱘৠ
㑻ⳂᔩⱘНˈे Ex2-9.aspx Ex2-10.aspx ֱᄬৠϔ᭛ӊ།䞠DŽ
2-15 LinkButton ӊ⫼⊩
ऩߏ䍙䫒ˈᠧᓔѠ
Ͼ义䴶
%JCRVGT
3
ĕImageButton ࣅߑ
ImageButton
ӊᰃ⠛ᣝ䪂ӊˈ⫼᠋ऩߏӊϞⱘ⠛ᓩথӊⱘ Click џӊDŽ
ImageButton
ӊ᳝ϔϾ ImageUrl ሲᗻˈ䆹ሲᗻ⫼Ѣ䆒㕂ᣝ䪂Ϟᰒ⼎ⱘ⠛ԡ㕂DŽ݊Ҫሲᗻ
⫼⊩Ϣ Button ӊⳌৠDŽ
Ǐ՟ 2-11ǐ߽⫼ ImageButton ӊ䖒ࠄ㕢࣪ᣝ䪂ⱘᬜᵰˈབ 2-16 ᠔⼎˄Ex2-11.aspx˅DŽ
2-16 ImageButton ӊ⫼⊩
Ex2-11.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-11.aspx.cs" Inherits="Ex2_11" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-11</title> </head>
<body>
<form id="form1" runat="server"> <div>
Դⱘܹಶᯊ䯈ᰃ˖
<asp:TextBox ID="txtdate" runat="server" Enabled="False"/>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/date.GIF" onclick="ImageButton1_Click" />
<asp:Calendar ID="Calendar1" runat="server" Visible="False"> </asp:Calendar> </div> </form> </body> </html>
Ex2-11.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void ImageButton1_Click(object sender, ImageClickEventArgs e) {
Calendar1.Visible = true; }
ᑣ䇈ᯢ˖
ImageUrl
ሲᗻ㸼⼎ ImageButton ӊⱘ⠛ԡ㕂DŽഄഔĀ~/images/butimage.gifā㸼⼎Ϣ
ᑣ᭛ӊৠ㑻Ⳃᔩݙⱘ Images ᭛ӊ།Ёⱘ butimage.gif ᭛ӊDŽ
%JCRVGT
4
ĕFileUpload ࣅߑ
FileUpload
ӊᰃ⫼Ѣᅶ᠋ッ᭛ӊϞӴࠄ᳡ࡵ఼ⱘӊDŽ䆹ӊᰒ⼎ 1 Ͼ᭛ᴀḚ 1 Ͼ⌣
㾜ᣝ䪂ˈ⫼᠋ৃҹⳈ᭛ӊḚЁ䕧ܹᅠᭈⱘ᭛ӊৡˈгৃҹ䗮䖛Ā⌣㾜āᣝ䪂䗝ᢽ᭛ӊDŽ
FileUpload
ӊⱘᐌ⫼ሲᗻঞ䇈ᯢབ㸼 2-4 ᠔⼎DŽ
㸼 2-4 FileUpload ӊⱘᐌ⫼ሲᗻঞ䇈ᯢ
ሲᗻ
䇈ᯢ
ID
ӊଃϔᷛ䆚
FileContent
㦋পᣛᅮϞӴ᭛ӊⱘ Stream ᇍ䈵˄Stream ᭄㉏ൟ˅
FileName
㦋পϞӴ᭛ӊᅶ᠋ッⱘ᭛ӊৡ⿄
HasFile
㦋পϔϾᏗᇨؐˈ⫼Ѣ㸼⼎ӊᰃ৺Ꮖ㒣ࣙϔϾ᭛ӊ
PostedFile
㦋পϔϾϢϞӴ᭛ӊⳌ݇ⱘ HttpPostedFile ᇍ䈵ˈՓ⫼䆹ᇍ䈵ৃҹ㦋পϞӴ᭛ӊⱘⳌ݇ሲᗻ
䰸њϞ䗄ᐌ⫼ሲᗻˈFileUpload ӊ䖬᳝ϔϾ SaveAs ᮍ⊩ˈ⫼ѢᇚϞӴⱘ᭛ӊֱᄬࠄ
᳡ࡵ఼DŽ
Ǐ՟ 2-12ǐ߽⫼ FileUpload ӊᅲ⦄᭛ӊϞӴ᪡ˈབ 2-17 ᠔⼎DŽ⫼᠋ऩߏ义䴶Ϟⱘ
Ā⌣㾜…āᣝ䪂ˈ䗝ᢽ㽕ϞӴⱘ᭛ӊˈऩߏĀϞӴāᣝ䪂ˈ᭛ӊᇚϞӴࠄ᳡ࡵ఼㔥キⱘḍⳂᔩ
ϟ˄Ex2-12.aspx˅DŽ
2-17 LinkButton ӊ⫼⊩
Ex2-12.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-12.aspx.cs" Inherits="Ex2_12" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-12</title> </head>
<body>
<form id="form1" runat="server"> <div>
%JCRVGT
䇋䗝ᢽϞӴⱘ᭛ӊ˖<asp:FileUpload ID="fulfile" runat="server" /> <br />
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ϞӴ" /> <asp:Label ID="lblmes" runat="server" Text=""></asp:Label>
</div> </form> </body> </html>
Ex2-12.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Button1_Click(object sender, EventArgs e) {
if (fulfile.HasFile) {
string strname = fulfile.FileName; fulfile.SaveAs(Server.MapPath(strname)); lblmes.Text += "᭛ӊ˖" + strname + "ᏆϞӴࠄњḍⳂᔩʽ"; } else { Response.Write("䇋䗝ᢽϞӴ᭛ӊʽ"); } }
ᑣ䇈ᯢ˖
Āif (fulfile.HasFile)ā䇁হЁˈfulfile.HasFile 㸼⼎ fulfile ӊⱘ HasFile ሲᗻؐDŽ䆹䇁হϢ
if (fulfile.HasFile==true)
⫼Ⳍৠˈ⫼Ѣ߸ᮁ⫼᠋ᰃ৺䗝ᢽњϞӴ᭛ӊDŽ
Āstring strname = fulfile.FileName;ā䇁হЁˈՓ⫼ FileUpload ӊⱘ FileName ሲᗻ㦋প
ϞӴ᭛ӊⱘ᭛ӊৡ˄ࣙᣀ᭛ӊᠽሩৡ˅DŽ
fulfile.SaveAs(Server.MapPath(strname));
䇁হˈՓ⫼ FileUpload ӊⱘ SaveAs ᮍ⊩ᇚϞӴ
᭛ӊֱᄬࠄ᳡ࡵ఼˗Server.MapPath()ᮍ⊩㦋প᳡ࡵ఼Ϟⱘ⠽⧚䏃ᕘ˄े㒱ᇍ䏃ᕘ˅DŽ
Āfulfile.SaveAs(Server.MapPath(strname));āᭈԧⱘ⫼ᰃᇚϞӴ᭛ӊҹॳ᭛ӊৡֱᄬ
ࠄ᳡ࡵ఼ḍⳂᔩϟDŽ
ᦤ⼎˖Server.MapPath()ֺ֥ݦ୶ԅसাࡅdୣᄯēServer.MapPath("/")ݦဈ
ё༝ٔંৃൎၽԅাࡅĢServer.MapPath("./")ݦӲྚੋൎၽંৃԅাࡅēԉޮဟ Server.Map
Path("")
ĢServer.MapPath("../")ݦӲྚੋൎၽંৃԅ౨މંৃাࡅd
᛫ಫ͈
㔥キᓔথ䖛Ёˈ㸼Ḑᰃ义䴶Ꮧሔⱘϔ⾡䞡㽕↉DŽՓ⫼ Table 㸼Ḑǃtr 㸼Ḑ㸠 td 㸼Ḑ
ऩܗḐ䖯㸠义䴶Ꮧሔˈ᪡ㅔऩǃᖿ᥋ˈᦤ催њᓔথᬜ⥛DŽ㸼Ḑᐌ⫼ⱘሲᗻঞ䇈ᯢབ㸼
2-5
᠔⼎DŽ
%JCRVGT
㸼 2-5 㸼Ḑӊⱘᐌ⫼ሲᗻঞ䇈ᯢ
ሲᗻ
䇈ᯢ
Boder
㸼Ḑ䖍Ḛᆑᑺ
CellPadding
ऩܗḐ䖍ḚϢݙᆍⱘ䯈䎱
CellSpacing
ऩܗḐ䯈䎱
Align
㸼ḐǃऩܗḐ∈ᑇᮍᇍ唤ᮍᓣˈ᳝ LeftǃRight Center ϝ⾡
Valign
ऩܗḐオⳈᮍᇍ唤ᮍᓣˈ᳝ baselineǃbottomǃmiddle top ಯ⾡
Style
㸼ḐǃऩܗḐḋᓣ
VS 2008 ⦃๗ϟˈ᳝ᷛޚ᳡ࡵ఼ӊ HTML ӊϸ⾡ TableDŽ䖭䞠Փ⫼ⱘᰃ HTML
ӊ㉏ⱘ Tableˈ㗙䗮䖛Ā㸼ḐāėĀᦦܹ㸼āੑҸ˄⊼˖ᴀк᮴⡍߿ໄᯢᯊˈTable ӊഛ
ᣛ HTML ᳡ࡵ఼ӊ㉏ⱘ Table ӊ˅DŽ
Ǐ՟ 2-13ǐ߽⫼㸼Ḑӊᅲ⦄㋏㒳ⱏᔩ义䴶Ꮧሔ䆒䅵ˈབ 2-18 ᠔⼎˄Ex2-13.aspx˅DŽ
2-18 Table ӊ⫼⊩
Ex2-13.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-13.aspx.cs" Inherits="Ex2_13" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-13</title> </head>
<body>
<form id="form1" runat="server"> <div>
<table align="center" cellpadding="0" cellspacing="0"class="style4"style="border: 2px groove #336699;"> <tr>
<td align="center" class="style4" colspan="2" valign="middle"style="background-color: #336699; font-size: 16px; color: #FFFFFF; font-weight: bold;" >㋏㒳ⱏᔩ
</td> </tr> <tr>
%JCRVGT
<td align="left" class="style4">
<asp:TextBox ID="TextBox1" runat="server" Width="100px"></asp:TextBox> </td> </tr> <tr> <td align="right" class="style2"> ᆚ ⷕ˖ </td> <td align="left" class="style2">
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox> </td>
</tr> <tr>
<td align="center" colspan="2" style="background-color: #CCCCFF" valign="middle">
<asp:Button ID="Button1" runat="server" Text="ⱏᔩ" /><asp:Button ID="Button2" runat="server" Text="প⍜" /> </td> </tr> </table> </div> </form> </body> </html>
͘րฌвᮆ᭧ᝠ
Ӯਬ⊼ݠ义䴶ᰃ㔥キᓔথ䖛Ё㒣ᐌ⫼ࠄⱘˈᴀ㡖ᇚ߽⫼ᴀゴ᠔ᄺⶹ䆚䖯㸠Ӯਬ⊼ݠ义
䴶䆒䅵ˈ᳔㒜ᬜᵰབ 2-1 2-2 ᠔⼎DŽ佪ܜˈ䇏㗙џܜޚད 3 ᓴ⫼Ѣ ImageButton ӊ
ⱘ㋴ᴤ⠛˄ߚ߿ᰃĀᦤѸāǃĀপ⍜āĀ᮹ग़ᰒ⼎ā˅DŽ
ԧ᪡ℹ偸བϟ˖
˄1˅ᮄᓎ Addmember.aspxˈ义䴶⏏ࡴ Panel ӊˈ䆒㕂 ID Ў Panel1DŽ Panel1 ӊ
ݙ⏏ࡴϔϾ 9 㸠 2 ߫ⱘ Table ӊDŽ
˄2˅ᇚ Table Ꮊ䖍ऩܗḐ td ⱘ align ሲᗻܼ䚼䆒㕂Ў right˄ेেᇍ唤˅ˈে䖍ऩܗḐ䆒㕂
Ў left˄ेᎺᇍ唤˅DŽᇚϔ㸠ⱘ 2 ϾऩܗḐড়ᑊˈ䕧ܹĀӮਬ⊼ݠāˈᑊ䆒㕂ऩܗḐḐᓣDŽ
˄3˅Ꮊ䖍ऩܗḐ㞾Ϟϟձ䕧ܹĀ⫼᠋ৡ˖āǃĀᆚⷕ˖āǃĀ⹂䅸ᆚⷕ˖āǃĀᗻ߿˖āǃĀߎ
⫳᮹ᳳ˖āǃĀ᳔催ᄺग़˖āǃĀϾҎ⠅ད˖āDŽ
˄4˅ে䖍ऩܗḐ㞾Ϟϟձ⏏ࡴⳌᑨⱘ᳡ࡵ఼ӊˈᑊ䆒㕂݊ሲᗻབ㸼 2-6 ᠔⼎DŽ
㸼 2-6 㸼Ḑӊⱘᐌ⫼ሲᗻঞ䇈ᯢ
Ꮊջݙᆍ
ӊ ID
ӊ㉏ൟ
䇈ᯢ
⫼᠋ৡ
txtname TextBox
䆒㕂 Width ሲᗻЎ 82px
ᆚⷕ
txtpwd TextBox
䆒㕂 TextMode ሲᗻЎ Password
%JCRVGT
㓁㸼
Ꮊջݙᆍ
ӊ ID
ӊ㉏ൟ
䇈ᯢ
⹂䅸ᆚⷕ
txtpwd2 TextBox
䆒㕂 TextMode ሲᗻЎ Password
ᗻ߿
rbtlsex RadioButtonList
䆒㕂 RepeatDirection ሲᗻЎ HorizontalˈListItem ЎĀ⬋āǃĀཇā
Txtdate TextBox
䆒㕂 Enabled ሲᗻЎ"False"ˈWidth ሲᗻЎ 83px
Ibtndate ImageButton
䆒㕂 ImageUrl="~/images/ᷛ.JPG"ˈonclick="ibtndate_Click"
ߎ⫳᮹ᳳ
clddate Calendar
䆒㕂 onselectionchanged="clddate_SelectionChanged"ˈVisible ="False"
᳔催ᄺग़
ddlschool DropDownList
䆒㕂 ListItem Ўⷨお⫳ǃᄺ⫳ǃЁᄺ⫳ǃᇣᄺ⫳
ϾҎ⠅ད
chblove CheckBoxList
䆒㕂 RepeatDirection="Horizontal"ˈRepeatColumns="3"
˄5˅ᇚ㸼Ḑ᳔ϟ䴶ϔ㸠ϸϾऩܗḐড়ᑊˈ⏏ࡴϸϾ ImageButton ӊᴹ㸼⼎ĀᦤѸā
Āপ⍜āDŽ
˄6˅ᣝ✻Ϟ䴶ⱘ᪡ᮍ⊩ˈ Table ৢ䴶ݡ⏏ࡴϔϾ Panel ӊ Panel2DŽ Panel2 ݙ⏏
ࡴ 8 㸠 2 ߫ⱘ Table ӊˈ㸼ḐϔϾऩܗḐᎺ䖍 1 ߫ݙᆍϢϞ䴶㸼ḐݙᆍⳌৠ˗ে䖍߫ऩ
ܗḐ䞠ˈձ⏏ࡴ Label ᳡ࡵ఼ӊˈID ሲᗻձЎ lblnameǃlblpwdǃlblsexǃlbldateǃlblschoolǃ
lbllove
ㄝDŽ
˄7˅᳔ϟ䴶ϔ㸠ϸϾऩܗḐড়ᑊˈ⏏ࡴϔϾ Button ӊˈ䆒㕂 onclick="Button1_Click"
Text="݇䯁にষ"DŽ
˄8˅⏏ࡴ page_load ݊Ҫ Button ᣝ䪂ऩߏџӊˈ䆺㾕ৢৄҷⷕDŽ
Addmember.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Addmember.aspx.cs" Inherits="Addmember" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ӯਬ⊼ݠ义䴶</title> </head>
<body>
<form id="form1" runat="server"> <div>
<asp:Panel ID="Panel1" runat="server">
<table align="center" cellpadding="0" cellspacing="0" style="border: 2px groove #FF3300;width: 350px; height: 370px;">
<tr>
<td align="center" colspan="2" style="font-size: 20px; color: #FFFFFF; font-weight:bold; background-color: #FF6600; height: 50px;">Ӯਬ⊼ݠ</td>
</tr> <tr>
<td align="right">⫼᠋ৡ˖</td> <td align="left">
<asp:TextBox ID="txtname" runat="server" Width="82px"/></td> </tr>
%JCRVGT
<tr>
<td align="right" >ᆚⷕ˖</td> <td align="left">
<asp:TextBox ID="txtpwd" runat="server" TextMode="Password"/></td> </tr>
<tr>
<td align="right">⹂䅸ᆚⷕ˖</td> <td align="left">
<asp:TextBox ID="txtpwd2" runat="server" TextMode="Password"/></td> </tr>
<tr>
<td align="right">ᗻ߿˖</td> <td align="left">
<asp:RadioButtonList ID="rbtlsex" runat="server" RepeatDirection="Horizontal"> <asp:ListItem>⬋</asp:ListItem> <asp:ListItem>ཇ</asp:ListItem> </asp:RadioButtonList> </td> </tr> <tr> <td align="right">ߎ⫳᮹ᳳ˖</td> <td align="left">
<asp:TextBox ID="txtdate" runat="server" Width="83px"/>
<asp:ImageButton ID="ibtndate" runat="server" ImageUrl="~/images/ᷛ.JPG" onclick="ibtndate_Click" />
<asp:Calendar ID="clddate" runat="server" Visible="False" BackColor="#FFFFCC" BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px" onselectionchanged="clddate_SelectionChanged" ShowGridLines="True" Width="220px">
<SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" /> <SelectorStyle BackColor="#FFCC66" />
<TodayDayStyle BackColor="#FFCC66" ForeColor="White" /> <OtherMonthDayStyle ForeColor="#CC9966" />
<NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
<DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" /> <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" ForeColor="#FFFFCC" /> </asp:Calendar> </td> </tr> <tr> <td align="right">᳔催ᄺग़˖</td> <td align="left">
<asp:DropDownList ID="ddlschool" runat="server"> <asp:ListItem>ⷨお⫳</asp:ListItem>
<asp:ListItem Selected="True">ᄺ⫳</asp:ListItem> Ёᄺ⫳</asp:ListItem>
%JCRVGT <asp:ListItem>ᇣᄺ⫳</asp:ListItem> </asp:DropDownList> </td> </tr> <tr> <td align="right">ϾҎ⠅ད˖</td> <td align="left" style="height: 60px">
<asp:CheckBoxList ID="chblove" runat="server" RepeatColumns="3" RepeatDirection="Horizontal"> <asp:ListItem>ଅ℠</asp:ListItem> <asp:ListItem>䏇㟲</asp:ListItem> <asp:ListItem>⠀ቅ</asp:ListItem> <asp:ListItem>␌⋇</asp:ListItem> <asp:ListItem>ᠧ⧗</asp:ListItem> <asp:ListItem>㔥㒰␌៣</asp:ListItem> </asp:CheckBoxList> </td> </tr> <tr> <td align="center" colspan="2">
<asp:ImageButton ID="btnOk" runat="server" ImageUrl="~/images/btuok.gif" onclick="btnOk_Click1" />
<asp:ImageButton ID="Ibtncancel" runat="server" ImageUrl="~/images/btureset.gif" onclick="Ibtncancel_Click" />
</td> </tr> </table> </asp:Panel>
<asp:Panel ID="Panel2" runat="server">
<table align="center" cellpadding="0" cellspacing="0" style="border: 2px groove #FF3300;width: 350px; height: 370px;">
<tr>
<td align="center" colspan="2" style="font-size: 20px; color: #FFFFFF; font-weight:bold; background-color: #FF6600; height: 50px;">Ӯਬ⊼ݠ</td>
</tr> <tr>
<td align="right" style="width: 110px">⫼᠋ৡ˖</td>
<td align="left"><asp:Label ID="lblname" runat="server" Text="Label"/></td> </tr>
<tr>
<td align="right" >ᆚⷕ˖</td>
<td align="left"><asp:Label ID="lblpwd" runat="server" Text="Label"/></td> </tr>
<tr>
<td align="right">ᗻ߿˖</td>
<td align="left"><asp:Label ID="lblsex" runat="server" Text="Label"/></td> </tr>
<tr>
%JCRVGT
<td align="left"><asp:Label ID="lbldate" runat="server" Text="Label"/></td> </tr>
<tr>
<td align="right">᳔催ᄺग़˖</td>
<td align="left"><asp:Label ID="lblschool" runat="server" Text="Label"/></td> </tr>
<tr>
<td align="right">ϾҎ⠅ད˖</td>
<td align="left" style="height: 60px"><asp:Label ID="lbllove" runat="server"/></td> </tr>
<tr>
<td align="center" colspan="2"><asp:Button ID="btnclose" runat="server" onclick="btnclose_Click" Text="݇䯁にষ" /></td> </tr> </table> </asp:Panel> </div> </form> </body> </html>
Addmember.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Page_Load(object sender, EventArgs e) { Panel2.Visible = false; Panel1.Visible = true; txtpwd.Attributes["value"] = txtpwd.Text; txtpwd2.Attributes["value"] = txtpwd2.Text; }
protected void ibtndate_Click(object sender, ImageClickEventArgs e) {
clddate.Visible = true; }
protected void clddate_SelectionChanged(object sender, EventArgs e) {
txtdate.Text = clddate.SelectedDate.ToShortDateString(); clddate.Visible = false;
}
protected void btnOk_Click(object sender, ImageClickEventArgs e) {
Panel1.Visible = false; Panel2.Visible = true; lbldate.Text = txtdate.Text; lbllove.Text = "";
for (int i = 0; i < chblove.Items.Count; i++) {
if (chblove.Items[i].Selected)
lbllove.Text += " " + chblove.Items[i].Text; }
%JCRVGT lblname.Text = txtname.Text; lblpwd.Text = txtpwd.Text; lblschool.Text = ddlschool.SelectedItem.Text; lblsex.Text = rbtlsex.SelectedValue; }
protected void btnclose_Click(object sender, EventArgs e) {
Response.Write("<script>window.close();</script>"); }
protected void btnOk_Click1(object sender, ImageClickEventArgs e) {
Panel1.Visible = false; Panel2.Visible = true; lbldate.Text = txtdate.Text; lbllove.Text = "";
for (int i = 0; i < chblove.Items.Count; i++) { if (chblove.Items[i].Selected) lbllove.Text += " " + chblove.Items[i].Text; } lblname.Text = txtname.Text; lblpwd.Text = txtpwd.Text; lblschool.Text = ddlschool.SelectedItem.Text; lblsex.Text = rbtlsex.SelectedValue; }
protected void Ibtncancel_Click(object sender, ImageClickEventArgs e) {
Response.Redirect("addmember.aspx"); }
ᑣ䇈ᯢ˖
ᑣ⫼ࠄњ page_load џӊˈ䆹џӊ义䴶ࡴ䕑ᯊ㹿ᓩথDŽ݊Ёˈ䆒㕂 Panel ӊⱘ Visible
ሲᗻЎ true falseˈᴹࠊ Panel1 ᆍ఼ᆍ఼ݙܗ㋴ৃ㾕ˈPanel2 ᆍ఼ᆍ఼ݙܗ
㋴ϡৃ㾕DŽĀtxtpwd.Attributes["value"] = txtpwd.Text;āⱘ⫼ᰃৃҹ᳝ᬜ䰆ℶӴಲ᳡
ࡵ఼ᯊ Password ㉏ൟ᭛ᴀḚЁⱘݙᆍ϶༅DŽ
btnclose_Click
џӊЁˈĀResponse.Write("<script>window.close();</script>");āⱘ⫼ᰃ߽
⫼ JavaScript 㛮ᴀ䇁㿔݇䯁ᔧࠡにষDŽ
Ibtncancel _Click
џӊЁˈĀResponse.Redirect("addmember.aspx");āᰃ߽⫼ Response ⱘ
Redirect
ᮍ⊩ᇚ义䴶䕀 addmember.aspxˈҢ㗠ᅲ⦄义䴶ⱘݡࡴ䕑ˈे䞡ᮄᠧᓔ
addmember.aspx
义䴶DŽ
ᦤ⼎˖ဎဟё༝ᄯರဈࠀտԅ୶ࣅߑēဈܜၽಁᄢࣅߑԅ ID ೫ನēߙ࿐ဈܜᆮ༶
qߎᄉ࿉rԅၐ႕dैఢēqඔ̟߬rImageButton ԅ ID ೫ࢶྻဈqIbtnsubmitrγޚd
ୣᄯēqIbtnrಾ ImageButton ԅൊໟē֗ submit ಾqඔ߬rԅ࿉Ģqဈܜrำ·ࣟγޚน
qtxtnamerĢqڑΞr̟γޚนqbtncloserԉd
%JCRVGT
ᅼគ࡙
1BOFM ͈
Panel
ӊ Web 义䴶䆒䅵ЁЎ݊ҪӊᦤկϔϾᆍ఼ˈ⫼᠋ৃҹᇚ Panel ݙⱘӊЎ
ϔϾᭈԧ䖯㸠ㅵ⧚DŽ䗮ᐌˈPanel ӊՓ⫼ᯊˈᐌᐌ䗮䖛义䴶џӊҷⷕࠊ݊ Visible ሲᗻˈ
ᴹᅲ⦄ӊϢӊݙܗ㋴ⱘᰒ⼎䱤㮣DŽ
Ǐ՟ 2-14ǐ߽⫼ Panel ӊᅲ⦄义䴶䚼ߚݙᆍⱘᰒ⼎䱤㮣ˈབ 2-19 ᠔⼎DŽ⫼᠋ऩߏ
Āᶹⳟ䆺㒚䇈ᯢā䫒ᯊˈߎ⦄䆺㒚䇈ᯢ᭛ᄫݙᆍᣝ䪂˗ᔧ⫼᠋ऩߏĀᏆ䯙䇏ˈ䱤㮣āᣝ䪂
ᯊˈ䇈ᯢ᭛ᄫᣝ䪂ݡ㹿䱤㮣˄Ex2-14.aspx˅DŽ
2-19 Panel ӊ⫼⊩
Ex2-14.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-14.aspx.cs" Inherits="Ex2_14" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-14</title> </head>
<body>
<form id="form1" runat="server"> <div>
<asp:LinkButton ID="lbtnlook" runat="server" onclick="lbtnlook_Click">ᶹⳟ䆺㒚䇈ᯢ</asp:LinkButton> <asp:Panel ID="Panel1" runat="server" Visible="False">
<asp:Label ID="lbl1" runat="server" Text="䖭䞠ⱘ᭛ᄫᰃ⊼ݠӮਬⱘ䆺㒚㽕∖ˈ䇋⫼᠋䅸ⳳ䯙䇏DŽ" Width="160px"/><br />
<asp:Label ID="lbl2" runat="server" Text="ᴵℒϔ˖ᖙ乏ᣝᯊᅠ៤ᣛᅮݙᆍӏࡵ"/><br /> <asp:Label ID="lbl3" runat="server" Text="ᴵℒѠ˖ᖙ乏䅸ⳳᇍᕙ↣ϔӊџᚙ"/><br /> <asp:Button ID="btnok" runat="server" onclick="btnok_Click" Text="Ꮖ䯙䇏ˈ䱤㮣" /> </asp:Panel>
</div> </form> </body>
%JCRVGT
Ex2-14.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void btnok_Click(object sender, EventArgs e) {
Panel1.Visible = false; }
protected void lbtnlook_Click(object sender, EventArgs e) { Panel1.Visible = true; }
*NBHF ͈
Image
ӊЏ㽕⫼Ѣ义䴶ᰒ⼎ڣֵᙃDŽVS 2008 ᎹㆅЁ᳝ᷛޚ㉏ⱘ Image ӊ
HTML
㉏ⱘ Image ӊϸ⾡ˈࠡ㗙㸼⼎ᷛޚ᳡ࡵ఼ӊˈᐌ⫼Ѣᰒ⼎ࡼᗕব࣪ⱘڣ˗ৢ㗙
ᰃ HTML ᳡ࡵ఼ӊˈ⫼Ѣ义䴶ϔ㠀䴭ᗕ⠛ⱘᰒ⼎DŽ䖭䞠ҙ䩜ᇍᷛޚ᳡ࡵ఼ӊ Image 䖯
㸠ҟ㒡DŽ
Ǐ՟ 2-15ǐ߽⫼ Image ӊᅲ⦄⫼᠋Ͼᗻ༈ڣⱘ䗝ᢽˈབ 2-20 ᠔⼎DŽ⫼᠋䗮䖛ϟᢝ㦰
ऩ䖯㸠༈ڣ䗝ᢽˈᰒ⼎⠛䱣Пব࣪DŽ䆹ᅲ՟᪡ࠡˈ⫼᠋㽕㔥キⱘ images ᭛ӊ།䞠ᬒ㕂
4
ᓴ༈ڣ⠛ˈ᭛ӊৡߚ߿Ў man1.jpgǃwom1.jpgǃman2.jpg wom2.jpg˄Ex2-15.aspx˅DŽ
2-20 Image ӊ⫼⊩
Ex2-15.aspx
᭛ӊҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-15.aspx.cs" Inherits="Ex2_15" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-15</title> </head>
<body>
<form id="form1" runat="server"> <div>
䇋䗝ᢽ༈ڣ˖
<asp:DropDownList ID="ddl1" AutoPostBack="True" runat="server" onselectedindexchanged= "ddl1_SelectedIndexChanged">
%JCRVGT
<asp:ListItem Value="wom1">ཇ⫳༈ڣ 1</asp:ListItem> <asp:ListItem Value="man2">⬋⫳༈ڣ 2</asp:ListItem> <asp:ListItem Value="wom2">ཇ⫳༈ڣ 2</asp:ListItem> </asp:DropDownList><br />
<asp:Image ID="Image1" runat="server" Height="140px" Width="140px" /> </div>
</form> </body> </html>
Ex2-15.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Page_Load(object sender, EventArgs e) {
Image1.ImageUrl = "~/images/" + ddl1.SelectedValue + ".jpg"; }
protected void ddl1_SelectedIndexChanged(object sender, EventArgs e) {
Image1.ImageUrl = "~/images/" + ddl1.SelectedValue + ".jpg"; }
ᑣ䇈ᯢ˖
Page_Load
џӊЁˈĀImage1.ImageUrl = "~/images/" + ddl1.SelectedValue + ".jpg";āⱘ⫼
ᰃ义䴶ࡴ䕑ᯊᰒ⼎ DropDownList ӊ咬䅸䗝乍ᇍᑨⱘ༈ڣDŽ
-JTU#PY ͈
ListBox
ӊᰃ DropDownList ӊࡳ㛑㉏Ԑⱘ߫㸼Ḛӊˈ⫼᠋ৃҹҢ߫㸼ḚЁ䗝ᢽ
䗝乍DŽListBox ӊ DropDownList ӊⱘऎ߿Ѣࠡ㗙ܕ䆌⫼᠋ϔ䗝ᢽϾ䗝乍ˈ㗠ৢ
㗙াܕ䆌ϔ䗝ᢽϔϾ䗝乍DŽListBox ӊⱘᐌ⫼ሲᗻঞ䇈ᯢབ㸼 2-7 ᠔⼎DŽ
㸼 2-7 ListBox ӊⱘᐌ⫼ሲᗻঞ䇈ᯢ
ሲᗻ
䇈ᯢ
Items
䖨ಲ ListBox ӊЁ ListItem ᇍ䈵
Rows
ӊݙᆍᰒ⼎ⱘ㸠᭄
SelectedIndex
ӊ㹿䗝Ёⱘ Index ؐ
SelectedItem
ӊ㹿䗝Ёⱘ ListItem ᇍ䈵
SelectedItems
䖨ಲӊ㹿䗝ᯊⱘ ListItems 䲚ড়
SelectedMode
䆒㕂ӊᰃ৺ᬃᣕ䗝ˈؐЎ Multiple ᬃᣕ䗝DŽ咬䅸ؐЎ Single
Ǐ՟ 2-16ǐ߽⫼ ListBox ӊᅲ⦄⫼᠋ϾҎ⠅ད乍䗝ᢽˈབ 2-21 ᠔⼎DŽ⫼᠋䗮䖛
䗝乍Ё䗝ᢽⳌᑨⱘ乍ˈऩߏĀᦤѸāᣝ䪂ৢˈে䖍ⱘᦤ⼎᭛ᄫ䱣Пব࣪DŽ䆹Ḝ՟ᬃᣕՓ⫼ Ctrl
䬂 Shift 䬂䖯㸠乍䗝ᢽ˄Ex2-16.aspx˅DŽ
%JCRVGT
2-21 ListBox ӊ⫼⊩
Ex2-16.aspx
᭛ӊЏ㽕ҷⷕབϟ˖
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-16.aspx.cs" Inherits="Ex2_16" %> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <title>Ex2-16</title> </head>
<body>
<form id="form1" runat="server"> <div>
䇋䗝ᢽԴⱘ⠅ད˖<br />
<asp:ListBox ID="ListBox1" runat="server" Height="114px" SelectionMode="Multiple" Width="84px"> <asp:ListItem>ଅ℠</asp:ListItem> <asp:ListItem>䏇㟲</asp:ListItem> <asp:ListItem>␌⋇</asp:ListItem> <asp:ListItem>⠀ቅ</asp:ListItem> <asp:ListItem>ᮙ㸠</asp:ListItem> <asp:ListItem>䩧剐</asp:ListItem> </asp:ListBox>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ᦤѸ" /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div> </form> </body> </html>
Ex2-16.aspx.cs
᭛ӊЏ㽕ҷⷕབϟ˖
protected void Button1_Click(object sender, EventArgs e) {
string sss = "Դ䗝ᢽⱘᰃ˖";
for (int i = 0; i < ListBox1.Items.Count; i++) {
ListItem item = ListBox1.Items[i]; if (item.Selected)
{
%JCRVGT } } Label1.Text = sss; }
