aspnetweb程序設(shè)計第四章-高級控件和用戶控件_第1頁
aspnetweb程序設(shè)計第四章-高級控件和用戶控件_第2頁
aspnetweb程序設(shè)計第四章-高級控件和用戶控件_第3頁
aspnetweb程序設(shè)計第四章-高級控件和用戶控件_第4頁
aspnetweb程序設(shè)計第四章-高級控件和用戶控件_第5頁
已閱讀5頁，還剩92頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

第四章高級控件和用戶控件

知識點HTML效勞器控件Web效勞器控件Web效勞器驗證控件自定義控件用戶控件4.1HTML效勞器控件4.1.1根本HTML標(biāo)記見下頁表。HTML標(biāo)記備注<ahref=”…”>…</a>超鏈接標(biāo)記<ahref=”Jscript:_doPostBack(…)”>…</a>向后超鏈接標(biāo)記<imgsrc=”…”>圖片地址標(biāo)記<div>…</div>層標(biāo)記<span>…</span>內(nèi)聯(lián)行標(biāo)記<table>…</table>表格標(biāo)記<tr>…</tr>表格行標(biāo)記<td>…</td>表格列標(biāo)記<select>…</select>選擇列表標(biāo)記<inputtype=”image”>圖像控件<inputtype=”checkbox”>復(fù)選框控件<inputtype=”radio”>單選鈕控件<inputtype=”text”value=”…”>單行文本輸入控件<inputtype=”button”>按鈕控件4.1.2HTML效勞器控件構(gòu)架HTML標(biāo)注HTML服務(wù)器控件<A>HtmlAnchor<Input>HtmlInputButton,HtmlInputCheckBox,HtmlInputRadioButton,HtmlInputFIle,HtmlInputHidden,HtmlInputImage,HtmlInputText<Form>HtmlForm<Img>HtmlImage<Table>HtmlTable<Tr>HtmlTableRow<Td>HtmlTableCell<Select>HtmlSelectHtml效勞器控件的使用方式為：<標(biāo)注Id＝控件名稱Runat=”Server”屬性1＝“值”屬性2＝…>所要顯示的文字</標(biāo)注>或<標(biāo)注Id=控件名稱Runat="Server"屬性1="值"屬性2.../>4.1.3HtmlAnchor控件作用：用于指定超級鏈接。語法：<AId="控件名稱"Runat="Server"HRef="目標(biāo)URL地址"Name="目標(biāo)書簽名稱"OnServerClick="事件程序名"Target="目標(biāo)框架"Title="提示">超級鏈接文字</A>屬性：Href：目標(biāo)地址，如www、E-Mail、Ftp效勞器、Gopher效勞器、News效勞器、或是Telnet效勞器的地址。設(shè)定為URL地址。Target：目標(biāo)網(wǎng)頁框架，如果網(wǎng)頁是分框架的話。設(shè)定值為_black、_self、_parent、_top。Title：決定當(dāng)鼠標(biāo)移動到鏈接文字上時出現(xiàn)的提示。設(shè)定值為字符串。Name：目標(biāo)書簽名稱。設(shè)定值為已設(shè)定的書簽名稱。例如：<%PageLanguage=C#><Html><formrunat=server><AId="Anchor1"Runat="Server">超級鏈接例如，請點這里</A></form></Html>privatevoidPage_Load(objectsender,System.EventArgse){ Anchor1.HRef="://163";Anchor1.Target="_blank"; Anchor1.Title="鏈接到163";}4.1.4HtmlImage控件作用：HtmlImage控件用來顯示圖片于網(wǎng)頁上的控件。語法：<ImgId="控件名稱"Runat="Server"Alt="無法顯示圖形時所顯示的提示"Align="Top|Middle|Bottom|Left|Right"Border="邊框?qū)挾?Height="圖片高度"Src="圖片所在的地址"Width="圖片寬度">屬性：Src：圖片文件的地址。設(shè)定值為URL或文件名。Width：圖片寬度。設(shè)定值為像素。Height：圖片高度。設(shè)定值為像素。Border：圖片顯示時的外邊框大小。設(shè)定值為數(shù)值。Align：設(shè)定和圖片旁邊文字的排列方式。設(shè)定值為top、middle、bottom、left、right。Alt：當(dāng)圖片無法下載時顯示的文字或當(dāng)鼠標(biāo)移至圖片上時顯示的提示內(nèi)容。設(shè)定值為字符串。例如：<%PageLanguage=C#><Html><Formrunat=server><ImgId="Image1"Runat="Server"onload="Page_Load"/><ScriptRunat="Server">voidPage_Load(objectsender,EventArgse){ Image1.Src="bird.jpg"; Image1.Alt="這是一只鳥。"; Image1.Width=512; Image1.Height=384; Image1.Border=2;}</Script></form></Html>4.1.5HtmlButton控件作用：讓用戶透過按鈕執(zhí)行命令或動作，最重要的是OnServerClick事件。當(dāng)使用者按下按鈕時便會觸發(fā)OnServerClick事件。<Button>控件必須寫在窗體控件<FormRunat="Server"></Form>之內(nèi)，這是因為Button控件可以決定數(shù)據(jù)的上傳，而只有被<Form>控件所包圍起來的數(shù)據(jù)輸入控件，其數(shù)據(jù)才會被上傳。語法：<ButtonId="控件名稱"Runat="Server"OnServerClick="事件程序名">按鈕上的文字、圖形或控件</Button>例如：<%PageLanguage=C#><scriptrunat="server">voidbutton1(objectsender,EventArgse){p1.InnerHtml="你按了藍色按鈕!";}voidbutton2(objectsender,EventArgse){p1.InnerHtml="你按了粉色按鈕!";}</script><html><body><formrunat="server"ID="Form1"> <buttonid="b1"OnServerClick="button1"style="background-color:#e6e6fa;height=25;width:100"runat="server">藍色按鈕! </button> <buttonid="b2"OnServerClick="button2"style="background-color:#fff0f5;height=25;width:100"runat="server">粉色按鈕! </button> <pid="p1"runat="server"/></form></body></html>4.1.6HtmlForm控件作用：HtmlForm〔窗體〕控件可以讓用戶將Client端的數(shù)據(jù)傳送至Server端作處理。當(dāng)點擊窗體內(nèi)確實認按鈕后，在Form控件范圍內(nèi)的數(shù)據(jù)輸入控件都會被一并送到Server端，這個動作稱為回貼〔PostBack〕。這時Server端收到這些數(shù)據(jù)及OnServerClick事件后會執(zhí)行指定的事件程序，并且將執(zhí)行結(jié)果重新下載到Client端瀏覽器。 注意：所有HTML效勞器控件必須在HtmlForm控件之中，而且在一個頁面中只能有一個HtmlForm控件。語法：<FormId="控件名稱"Runat="Server"Method="Post|Get"Action="要執(zhí)行程序的地址">其它控件</Form>屬性Method：傳遞數(shù)據(jù)的方法。設(shè)定值為Post〔效勞器抓取資料〕或Get〔客戶端上傳〕。二者之間的差異為Get是立即傳送，其執(zhí)行效率較快，不過所傳送的數(shù)據(jù)不能太大；而Post表示等待Server來抓取數(shù)據(jù)，數(shù)據(jù)的傳送雖然不是立即執(zhí)行，不過可傳送的數(shù)據(jù)量沒什么限制。Action：要執(zhí)行的網(wǎng)址。設(shè)定值為URL或文件名。例如：<%PageLanguage=C#><HTML><scriptrunat="server">voidsubmit(Objectsender,EventArgse){ if(Name.Value!="") p1.InnerHtml="Welcome"+Name.Value+"!"; }</script><body><formrunat="server"ID="Form1">輸入你的名字:<inputid="Name"type="text"size="30"runat="server"NAME="姓名"><br><br><inputtype="submit"value="提交"OnServerClick="submit"runat="server"ID="Submit1"NAME="提交"><pid="p1"runat="server"></p></form></body></HTML>4.1.7HtmlInputButton控件作用：執(zhí)行一個指令或動作。它的Type屬性有三種類型：i)Submit是傳送數(shù)據(jù)；ii)Button用來觸發(fā)事件程序；iii)Reset用來重置窗體成為初始狀態(tài)，指定Type="Reset"時，并不需要指定任何程序代碼就可以重設(shè)窗體內(nèi)的輸入控件。語法：<InputId="控件名稱"Runat="Server"Type="Button|Submit|Reset"OnServerClick="事件程序名">例如：<%PageLanguage=C#><Html><FormRunat="Server"> <InputType="Text"Id="Text1"Runat="Server"Value="這是文字輸入盒"> <InputType="Button"Id="Button1"Runat="Server"OnServerClick="Button1_Click"Value="這是按鈕"> <InputType="Submit"Id="Submit1"Runat="Server"OnServerClick="Submit1_Click"Value="這是確定"> <InputType="Reset"Runat="Server"Value="這是重置"></Form><SpanID="Sp1"Runat="Server"/><ScriptRunat="Server"> voidButton1_Click(Objectsender,EventArgse){ Sp1.InnerText="您按了Button"; } voidSubmit1_Click(Objectsender,EventArgse){ Sp1.InnerText="您按了Submit"; }</Script></Html>4.1.8HtmlInputText控件作用：讓用戶輸入數(shù)據(jù)。有兩種類型：i)Text是輸入一般數(shù)據(jù)，所輸入的字符串會顯示在文字輸入盒內(nèi)；ii)而Password是密碼輸入的文字輸入盒，輸入的字符會以「*」來顯示。語法：<Input Id="控件名稱" Runat="Server" Type="Text|Password" MaxLength="最大字符串長度" Size="文字輸入控件的寬度" Value="默認值">例如：<%PageLanguage=C#><Html><FormRunat="Server">姓名:<InputType="Text"Id="txtText"Runat="Server"><br>密碼:<InputType="Password"Id="txtPsw"Runat="Server"><br> <InputType="Button"Id="Button1"Runat="Server"OnServerClick="Button1_Click"Value="執(zhí)行程序"> <InputType="Submit"Id="Submit1"Runat="Server"OnServerClick="Submit1_Click"Value="確定"> <InputType="Reset"Runat="Server"Value="重置"></Form><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){PWDChk();}voidSubmit1_Click(ObjectSender,EventArgse){PWDChk();}voidPWDChk(){if((txtText.Value=="Helen")&&(txtPsw.Value=="123"))Response.Write("使用者名稱及密碼正確,你好!"); else {Response.Write("使用者名稱及密碼錯誤,請重新輸入!");txtText.Value="";txtPsw.Value="";}}</Script></Html>4.1.10HtmlInputRadio控件作用：單項選擇一個選項。語法：<Input Id="控件名稱" Runat="Server" Type="Radio" Checked="True|False" Name="所屬群組">屬性：Name：用來設(shè)定Radio控件的群組。Checked：用來設(shè)定Radio控件的初始狀態(tài)，是否被選中。例如：<%PageLanguage=C#><Html><FormRunat="Server"> <InputType="Radio"Id="Radio1"Name="G1"Runat="Server"Checked="True">男<br> <InputType="Radio"Id="Radio2"Name="G1"Runat="Server">女<br> <InputType="Button"ID="Button1"Runat="Server"OnServerClick="Button1_Click"Value="確定"></Form><SpanID="Sp1"Runat="Server"/><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){ StringstrMsg="您的性別為:"; if(Radio1.Checked) strMsg+="男"; else strMsg+="女"; Sp1.InnerText=strMsg;}</Script></Html>4.1.11HtmlInputCheckBox控件作用：可選擇多個選項。語法：<InputId="控件名稱"Runat="Server"Type="CheckBox"Checked="True|False">例如：<%PageLanguage=C#><Html><FormRunat="Server">請選擇您的興趣愛好:<br> <InputType="CheckBox"Id="Check1"Runat="Server">籃球<br> <InputType="CheckBox"Id="Check2"Runat="Server">看書<br> <InputType="CheckBox"Id="Check3"Runat="Server">足球<br> <InputType="CheckBox"Id="Check4"Runat="Server">旅游<br> <InputType="Button"ID="Button1"Runat="Server"OnServerClick="Button1_Click"Value="確定"></Form><SpanID="Sp1"Runat="Server"/><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){stringstrMsg="您的興趣愛好為:";if(Check1.Checked) strMsg+="籃球";if(Check2.Checked) strMsg+="看書";if(Check3.Checked) strMsg+="足球";if(Check4.Checked) strMsg+="旅游";Sp1.InnerText=strMsg;}</Script></Html>4.1.12HTMLInputHidden控件作用：當(dāng)我們要在使用者傳送所輸入的數(shù)據(jù)時，順便傳送不需要使用者輸入的數(shù)據(jù)時，可以使用隱藏輸入控件。語法：<Input Id="控件名稱" Runat="Server" Type="Hidden" Value="所要傳送的數(shù)據(jù)">例如：<%PageLanguage=C#><Html><FormRunat="Server"ID=Form1>請輸入您的住址:<InputType="Text"Id="Text1"Runat="Server"><InputType="Hidden"Id="Hidden1"Runat="Server"><InputType="button"ID="Button1"Runat="Server"OnServerClick="Button1_Click"Value="確定"></FORM><SpanID="Sp1"Runat="Server"/><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){Sp1.InnerHtml="現(xiàn)在系統(tǒng)時間:"+()+"<br>開始輸入時間:"+Hidden1.Value;}</SCRIPT></Html>privatevoidPage_Load(objectsender,System.EventArgse){ if(!Page.IsPostBack) Hidden1.Value=();}4.1.13HtmlTextArea控件作用：文本輸入框。可以設(shè)定長度和高度，可以用來輸入一小段文字。語法：<TextAreaId="控件名稱"Runat="Server"Cols="單行的長度"Rows="文字輸入?yún)^(qū)的列數(shù)">文字區(qū)內(nèi)容</TextArea>例如：<%PageLanguage=C#><Html><FormRunat="Server"ID=Form1>請輸入你的建議:<br><TextAreaId="TextArea1"Runat="Server"Cols="20"Rows="4">文字輸入?yún)^(qū)</TextArea><InputType="button"ID="Button1"Runat="Server"OnServerClick="Button1_Click"Value="確定"></FORM><SpanID="Sp1"Runat="Server"/><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){Sp1.InnerHtml="您輸入的內(nèi)容是:<br>"+TextArea1.Value;}</SCRIPT></Html>4.1.14HtmlSelect控件作用：選單。選單控件有兩種風(fēng)格，一種是下拉式選單，另一種是清單，也就是同時可以顯示多個選項，由Size屬性控制。語法：<SelectId="控件名稱"Runat="Server"Items="選項集合"Size="選單長度"><Option>選項</Option><Option>選項</Option>...</Select>例如：<%PageLanguage=C#><Html><FormRunat="Server"ID=Form1>花:<SelectID="Select1"Runat="Server"><Option>玫瑰</Option><Option>菊花</Option><Option>百合</Option> <Option>水仙花</Option></Select>生長地:<SelectID="Select2"Runat="Server"Size="2"> <option>成都</option> <option>北京</option></Select><InputType="button"ID="Button1"Runat="Server"OnServerClick="Button1_Click"Value="確定"></Form><SpanId="Sp1"Runat="Server"/><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){ Sp1.InnerText="你覺得:"+Select1.Value+"是在"+Select2.Value+“生長的嗎？”;}</SCRIPT></Html>4.1.15 HtmlTable、HtmlTableRow、HtmlTableCell控件作用：HtmlTable控件可以配合HtmlTableRow以及HtmlTableCell控件來動態(tài)的產(chǎn)生表格。HtmlTable控件是由許多列〔Row〕所組成，而每一列中是由許多儲存格〔Cell〕所組成。所以HtmlTable控件中有Rows集合，HtmlTableRow控件中有Cells集合。HtmlTable控件語法：<tableid="控件名稱"align=left|center|rightbgcolor="背景色"border="邊界寬度"bordercolor="邊界顏色"cellpadding="像素"cellspacing="像素"height="表格高度"rows="表格行"width="表格寬度"runat="server"></table>HtmlTableCell控件的語法：<Td或ThId="控件名稱"Runat="Server"Align="Left|Center|Right"BGColor="背景色"BorderClolr="邊框顏色"ColSpan="跨欄數(shù)"Hight="表格高度"NoWarp="True|False"RowSpan="跨列數(shù)"Valign="垂直對齊方式"Width="表格寬度">儲存格內(nèi)容</Td或/Th>HtmlTableRow控件的語法：<TrId="控件名稱"Runat="Server"Align="Left|Center|Right"BGColor="背景色"BorderClolr="邊框顏色"Hight="表格高度"Cells="Cell集合"Valign="垂直對齊方式"<Td>字段內(nèi)容</Td><Td>字段內(nèi)容</Td></Tr>例如見后頁。<%PageLanguage=C#><html><body><formrunat="server"><tableid="Table1"CellPadding=5CellSpacing=0Border="1"BorderColor="black"runat="server"/>表格行:<selectid="Select1"runat="server"><optionValue="1">1</option><optionValue="2">2</option><optionValue="3">3</option><optionValue="4">4</option><optionValue="5">5</option></select>表格單元格:<selectid="Select2"runat="server"><optionValue="1">1</option><optionValue="2">2</option><optionValue="3">3</option><optionValue="4">4</option><optionValue="5">5</option></select><inputtype="submit"value=產(chǎn)生表格"runat="server"></form></body></html>privatevoidPage_Load(objectsender,System.EventArgse){ //產(chǎn)生行和單元格. introws=Convert.ToInt32(Select1.Value); intcells=Convert.ToInt32(Select2.Value); for(intj=0;j<rows;j++) { HtmlTableRowrow=newHtmlTableRow(); for(inti=0;i<cells;i++) { HtmlTableCellcell=newHtmlTableCell(); cell.Controls.Add(newLiteralControl("row"+j.ToString()+",cell"+i.ToString())); row.Cells.Add(cell); } Table1.Rows.Add(row); }}4.2Web效勞器控件特點會根據(jù)Client端的狀況產(chǎn)生一個或多個適當(dāng)?shù)腍TML效勞器控件，它可以自動偵測Client端瀏覽器的種類，并自動調(diào)整成適合瀏覽器的輸出。Web效勞器控件還擁有一個非常重要的功能，那就是支持數(shù)據(jù)綁定〔DataBinding〕；這種能力可以和數(shù)據(jù)源連結(jié)，用來顯示或修改數(shù)據(jù)源的數(shù)據(jù)。介紹幾種常見的web控件4.2.1LabelWeb控件作用：用來顯示文字。語法：<ASP:LabelId="控件名稱"Runat="Server"Text="控件上要顯示的文字"/>或<ASP:LabelId="控件名稱"Runat="Server">所要顯示的文字</ASP:Label>例如：<%PageLanguage=C#><Html><scriptrunat=server>voidPage_Load(objectsender,System.EventArgse){ Label1.Text="這是一個Label控件";}</script><body><ASP:Labelid="Label1"Runat="Server"/></body></Html>4.2.2 button控件作用：在Web窗體頁上顯示普通按鈕(Button)控件。語法：<asp:Buttonid="控件id"Text="控件上顯示的文字"CommandName="命令名"CommandArgument="commandargument"CausesValidation="true|false"OnClick="函數(shù)名"runat="server"/>功能：有兩種類型的功能，第一可以創(chuàng)立“提交”按鈕，第二可以創(chuàng)立“命令”按鈕。例如1〔完成提交功能〕：<%PageLanguage=C#><html><head><scriptrunat=server>voidSubmitBtn_Click(Objectsender,EventArgse){Message.Text="HelloWorld!!";}</script></head><body><fontsize=2>點擊提交按鈕</font><formrunat="server"><asp:Buttonid="SubmitBtn"Text="提交"OnClick="SubmitBtn_Click"runat="server"/><asp:labelid="Message"runat="server"/></form></body></html>例如2〔完成命令功能〕：<%PageLanguage=C#><html><head><scriptrunat="server">voidRepeater1_ItemCommand(objectsender,RepeaterCommandEventArgse){lblResult.Text="<b>"+e.CommandName+"</b>,<b>"+e.CommandArgument+"</b>";}</script></head><body><formrunat=server> <asp:Repeaterid=repeater1onitemcommand="Repeater1_ItemCommand"runat="server"><ItemTemplate><asp:Buttonid=btnBuyText="Buy"CommandName="buy"CommandArgument='<%#DataBinder.Eval(Container.DataItem,"name")%>'runat="server"/><asp:Buttonid=btnSellText="Sell"CommandName="sell"CommandArgument='<%#DataBinder.Eval(Container.DataItem,"good")%>'runat="server"/><asp:Labelid=lblSellerText='<%#DataBinder.Eval(Container.DataItem,"shortname")%>'Font-Bold="true"runat=server/></ItemTemplate></asp:Repeater><asp:Labelid=lblResultrunat="server"/></form></body></html>privatevoidPage_Load(objectsender,EventArgse){ if(!Page.IsPostBack) { ArrayListarrList=newArrayList(); arrList.Add(newPositionData("Jone","J","Egg")); arrList.Add(newPositionData("Tom","T","Chicken")); arrList.Add(newPositionData("Mary","M","Bird")); repeater1.DataSource=arrList; repeater1.DataBind(); }}publicclassPositionData{privatestringname;privatestringshortname;privatestringgood;publicPositionData(stringname,stringshortname,stringgood){=name;this.shortname=shortname;this.good=good;}publicstringName{get{returnname;}}publicstringShortname{get{returnshortname;}}publicstringGood{get{returngood;}}}4.2.3Image控件作用：用來顯示圖片。語法：<ASP:ImageId="控件名稱"Runat="Server"ImageUrl="圖片所在地址"AlternateText="圖形還沒加載時所替代的文字"ImageAlign="NotSet|AbsBottom|AbsMiddle|BaseLine|Bottom|Left|Middle|Right|TextTop|Top"/>4.2.4HyperLink控件作用：用來設(shè)定超級鏈接，就是HTML元素的<A>標(biāo)注。語法：<ASP:HyperlinkId="控件Id"Runat="Server"Text="超級鏈接文字或小提示文字"ImageUrl="圖片所在地址"Target="超級鏈接所要顯示的窗口"/>或<ASP:HyperlinkId="控件名稱"Runat="Server"ImageUrl="圖片所在地址"Target="超級鏈接所要顯示的窗口"/>超級鏈接文字</ASP:Hyperlink>4.2.5LinkButtonWeb控件作用：功能和ButtonWeb控件一樣，不同之處在于它是類似超級鏈接的文字接口。LinkButton必須寫在<Form>和</Form>之間，也要指定OnClick屬性才會動作。語法：<ASP:LinkButtonId="控件名稱"Runat="Server"Text="按鈕上的文字"Command="命令名稱"CommandArgument="命令參數(shù)"OnClick="事件程序名"/>或<ASP:LinkButtonId="控件Id"Runat="Server"Command="命令名稱"CommandArgument="命令參數(shù)"OnClick="事件程序名"/>"按鈕上的文字"</ASP:LinkButton>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server"><ASP:LinkButtonId="LB1"Text="點擊我"OnClick="LB1_Click"Runat="Server"/><p><ASP:LabelId="L1"Text="現(xiàn)在是A"Runat="Server"/></Form><ScriptRunat="Server">voidLB1_Click(ObjectSender,Eventargse){ L1.Text="現(xiàn)在是B";}</Script></Html>4.2.6ImageButtonWeb控件作用：用圖片來當(dāng)做按鈕。語法：<ASP:ImageButtonId="控件名稱"Runat="Server"Command="命令名稱"CommandArgument="命令參數(shù)"OnClick="事件程序名"/>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server"><ASP:ImageButtonId="Button1"ImageUrl="abc.jpg"Onclick="Button1_Click"Runat="Server"/><p><ASP:LabelId="Label1"Runat="Server"/></Form><ScriptRunat="Server">voidButton1_Click(ObjectSender,ImageClickEventArgse){ Label1.Text="你所要看的圖片是"+()+","+()+"的位置按下鼠標(biāo)";}</Script></Html>4.2.7TextBoxWeb控件作用：TextBoxWeb控件和<InputType="Text">、<InputType="Password">以及<TextArea>這三個HTML元素功能相似，都是用來接收鍵盤鍵入的數(shù)據(jù)；不過TextBox可以用來取代上述三種HTML元素。語法：<ASP:TextBoxId="控件名稱"Runat="Server"AutoPostBack="True|False"Columns="字符數(shù)目"MaxLength="字符數(shù)目"Rows="列數(shù)"Text="字符串"TextMode="SingleLine|Multuline|Password"http://默認值為SingleLineWrap="True|False"OnTextChanged="事件程序名稱"/>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server">這是一般輸入框SingleLine:<ASP:TextBoxId="T1"TextMode="SingleLine"Runat="Server"/><br>這是密碼輸入框Password:<ASP:TextBoxId="T2"TextMode="Password"Runat="Server"/><br>這是多行輸入框Multuline:<ASP:TextBoxId="T3"TextMode="Multiline"Rows="3"Runat="Server"/><br></Form></Html>4.2.8TableWeb控件、TableRowWeb控件及TableCellWeb控件TableWeb控件語法：<ASP:TableId="控件名稱"Runat="Server"BackImageUrl="URL"CellSpacing="像素"CellPadding="像素"GridLines="Both|Horizontal|None|Vertical"HorziontalAlign="Center|Justify|Left|NotSet|Right"/>TableWeb控件屬性：BackImageUrl：設(shè)定表格背景圖形。CellPadding：設(shè)定單元格與表格邊框的距離。CellSpacing：設(shè)定單元格與單元格邊框的距離。GridLines：設(shè)定表格內(nèi)的水平線或垂直線是否出現(xiàn)，有四種值：None——兩者都不出現(xiàn)；Horizontal——只出現(xiàn)水平線；Vertical——只出現(xiàn)垂直線；Both——兩者都出現(xiàn)。HorizontalAlign：設(shè)定水平對齊方式。Rows：TableRow集合對象，用來設(shè)定或取得Table中有多少列。例如〔動態(tài)產(chǎn)生表格〕：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server"><ASP:TableId="Table1"Border="1"Runat="Server"Font-Size=14/><ASP:ButtonId="Button1"Text="請按我"OnClick="Button1_Click"Runat="Server"/></Form></Html><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){ TableCellcells=newTableCell(); TableRowrows=newTableRow(); intX,Y; for(X=1;X<=4;X++){ cells=newTableCell(); for(Y=1;Y<=4;Y++){ cells.Text+=X.ToString()+"*"+Y.ToString()+"="+(X*Y).ToString(); if(Y!=4) cells.Text+="<br>"; } if((X==1)||(X==3)) { rows=newTableRow(); rows.Cells.Add(cells); } if((X==2)||(X==4)) { rows.Cells.Add(cells); Table1.Rows.Add(rows); } }}</Script>4.2.9PanelWeb控件作用：Panel控件就像一個其他控件的容器。把面板的Visible屬性設(shè)置為False隱藏面板，這樣也就把面板包含的所有控件隱藏了。讓用戶群組控件，讓用戶決定在Panel中的控件是否要顯示出來。語法：<ASP:PanelId="控件名稱"Runat="Server"BackImageUrl="URL"HorziontalAlign="Center|Justify|Left|NotSet|Right"Wrap="True|False"Visible＝"True|False">其它控件...</ASP:Panel>例如：<%PageLanguage=C#><html><ScriptRunat="Server">voidButton_Click(ObjectSender,EventArgse){if(dropFavSite.SelectedIndex==3)pnlOtherSite.Visible=true;elsepnlOtherSite.Visible=false;}</Script><formRunat="Server">選擇你喜愛的asp網(wǎng)站:<br><asp:RadioButtonListID="dropFavSite"Runat="Server"><asp:ListItemText="Superexpert"/><asp:ListItemText="LearnASP"/><asp:ListItemText="DotNetJunkies"/><asp:ListItemText="OtherSite"/></asp:RadioButtonList><asp:PanelID="pnlOtherSite"Visible="False"Runat="Server"><p>其它網(wǎng)站:<br><asp:TextBoxID="txtOtherSite"Runat="Server"/></asp:Panel><p><asp:ButtonText="提交!"OnClick="Button_Click"Runat="Server"/></form></html>4.2.10RadioButtonWeb控件作用：與HTML控件的<InputType="Radio">的功能相同。語法：<ASP:RadioButtonId="控件名稱"Runat="Server"AutoPostBack="True|False"Checked="True|False"GroupName="群組名稱"Text="標(biāo)示控件的文字"TextAlign="設(shè)定文字在控件的左邊或右邊"OnCheckedChanged="事件程序名稱"/>屬性：AutoPostBack：設(shè)定當(dāng)使用者選擇不同的工程時，是否自動觸發(fā)OnCheckedChanged事件。Checked：傳回或設(shè)定是否該工程被選取。GroupName：傳回或設(shè)定按鈕所屬群組。TextAlign：傳回或設(shè)定文字的對齊方式。默認值為Right。Text：傳回或設(shè)定RadioButton中所顯示的內(nèi)容。例如：<%PageLanguage=C#><Html><ScriptRunat="Server">voidPage_Load(ObjectSender,EventArgse){ Radio2.Checked=true;//選擇第二個Radio}</Script><body><FormId="Form1"Runat="Server"><ASP:RadioButtonId="Radio1"Text="北京"Runat="Server"/><br><ASP:RadioButtonId="Radio2"Text="上海"Runat="Server"/></Form></body></Html>4.2.11RadioButtonListWeb控件作用：由于每一個RadioButtonWeb控件是獨立的控件，假設(shè)要判斷同一個群組內(nèi)的RadioButton是否被選擇，那么必須判斷所有的RadioButtonWeb控件的Checked屬性，這樣做效率很低。而RadioButtonListWeb控件可以管理許多項選擇項。語法：<ASP:RadioButtonListId="控件名稱"Runat="Server"AutoPostBack="True|False"CellPadding="像素"DataSource="<%數(shù)據(jù)源%>"DataTextField="數(shù)據(jù)源的字段" DataValueField="數(shù)據(jù)源的字段"RepeatColumns="字段數(shù)量"RepeatDirection="Vertical|Horizontal"RepeatLayout="Flow|Table"TextAlign="Right|Left"OnSelectedIndexChanged="事件程序名稱"><ASP:ListItem/> //選項</ASP:RadioButtonList>屬性：DataSource：設(shè)定要綁定的數(shù)據(jù)源。DataTextField：設(shè)定要顯示的字段。DataValueField：設(shè)定選項的相關(guān)數(shù)據(jù)要使用的字段。SelectedIndex：傳回被選取的ListItem的Index值。SelectedItem：傳回被選取到的ListItem。4.2.12ListItemWeb控件作用：ListItemWeb控件并不是一個獨立存在的控件，它必須依附在以下幾種Web控件下：RadioButtonListWeb控件、DropDownListWeb控件以及CheckBoxList控件。一個ListItemWeb控件代表的是一個ListControlWeb控件的選項內(nèi)容，也因為如此所以可以不需要指定Id屬性。語法：<ASP:ItemListId="控件名稱"Runat="Server"Selected="True|False"Text="選項文字"Value="控件標(biāo)記"/>或<ASP:ItemListId="控件名稱"Runat="Server"Selected="True|False"Value="控件標(biāo)記">選項文字</ASP:ItemList>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server"><ASP:RadioButtonListId="rblA"Runat="Server"><ASP:ListItemText="烤鴨"Selected="True"Value="Duck"/><ASP:ListItemText="烤雞"Value="Chicken"/></ASP:RadioButtonList><ASP:ButtonId="Button1"Runat="Server"Text='確定'OnClick="Button1_Click"/></Form><ASP:LabelId="Label1"Runat="Server"/><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){ Label1.Text="您選擇了"++",它的代號為"+；}</Script></Html>4.2.13CheckBoxWeb控件作用：提供給用戶從選項中作選擇的對象，與HTML控件的中的<InputType="CheckBox">功能相同。CheckBoxWeb控件和RadioButtonWeb控件不同的地方是它可以重復(fù)選取。語法：<ASP:CheckBoxId="控件名稱"Runat="Server"AutoPostBack="True|False"Text="控件的文字"TextAlign="控件文字出現(xiàn)在左方或右方"Checked="True|False"OnCheckedChanged="事件程序名稱"/>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server"><ASP:CheckBoxId="CheckBox1"Text="北京"OnCheckedChanged="Check_Clicked"AutoPostBack="True"Runat="server"/><P><ASP:LabelId="Label1"Runat="Server"/></Form><ScriptRunat="Server">voidCheck_Clicked(ObjectSender,EventArgse){if(CheckBox1.Checked) Label1.Text="被選中";elseLabel1.Text="沒被選中";}</Script></Html>4.2.14CheckBoxListweb控件作用：如果當(dāng)我們要使用一群的CheckBoxWeb控件時，在程序的判斷上非常麻煩，因此CheckBoxListWeb控件和RadioButtonListWeb控件一樣是讓我們方便的取得用戶選取的工程。語法：<ASP:CheckBoxListId="控件名稱"Runat="Server"AutoPostBack="True|False"CellPadding="像素"DataSource="<%數(shù)據(jù)源%>"DataTextField="數(shù)據(jù)源的字段"DataValueField="數(shù)據(jù)源的字段"RepeatColumns="字段數(shù)量"RepeatDirection="Vertical|Horizontal"RepeatLayout="Flow|Table"TextAlign="Right|Left"OnSelectedIndexChanged="事件程序名稱"><ASP:ListItem/></ASP:CheckBoxList>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server">請輸入您的興趣:<br><ASP:CheckBoxListId="cbl1"Runat="server"><ASP:ListItem>打球</ASP:ListItem><ASP:ListItem>看書</ASP:ListItem><ASP:ListItem>游泳</ASP:ListItem><ASP:ListItem>旅游</ASP:ListItem></ASP:CheckBoxList></Form></Html>4.2.15DropDownListWeb控件作用：是一個下拉式的選單，功能和RadioButtonListWeb控件很類似，提供用戶在一群選項中選擇一個；不過RadioButtonListWeb控件適合使用在較少量的選項群組工程，而DropDownListWeb控件那么適合用來管理大量的選項群組工程。語法：<ASP:DropDownListId="控件名稱"Runat="Server"AutoPostBack="True|False"DataSource="<%數(shù)據(jù)源%>"DataTextField="數(shù)據(jù)源的字段"DataValueField="數(shù)據(jù)源的字段"OnSelectedIndexChanged="事件程序名稱"><ASP:ListItem/></ASP:DropDownList>例如：<%PageLanguage=C#><Html><ASP:DropDownListId="ddl1"Runat="Server"> <ASP:ListItem>張學(xué)友</ASP:ListItem><ASP:ListItem>劉德華</ASP:ListItem><ASP:ListItem>黎明</ASP:ListItem><ASP:ListItem>大傻</ASP:ListItem><ASP:ListItem>郭富城</ASP:ListItem></ASP:DropDownList></Html>4.2.16ListBoxWeb控件作用：ListBoxWeb控件和DropDownListWeb控件的功能幾乎是一樣，只是ListBoxWeb控件是一次將所有的選項都顯示出來。SelectionMode屬性可以設(shè)置是單項選擇還是多項選擇，默認是Single。語法：<ASP:ListBoxId="控件名稱"Runat="Server"AutoPostBack="True|False"DataSource="<%數(shù)據(jù)源%>"DataTextField="數(shù)據(jù)源的字段"DataValueField="數(shù)據(jù)源的字段"Rows="一次要顯示的列數(shù)"SelectionMode="Single|Multiple"OnSelectedIndexChanged="事件程序名稱"><ASP:ListItem/></ASP:ListBox>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server">請選擇您喜歡的明星(單項選擇):<br><ASP:ListBoxId="ListBox1"Runat="Server"> <ASP:ListItem>張學(xué)友</ASP:ListItem> <ASP:ListItem>劉德華</ASP:ListItem> <ASP:ListItem>黎明</ASP:ListItem> <ASP:ListItem>大傻</ASP:ListItem> <ASP:ListItem>郭富城</ASP:ListItem></ASP:ListBox></Form></Html>4.3Web效勞器驗證控件數(shù)據(jù)驗證是一種限制使用者輸入的限制，可以驗證用戶輸入的數(shù)據(jù)正確性，或要求使用者一定要輸入數(shù)據(jù)。數(shù)據(jù)驗證Web控件可以幫助我們少寫許多程序來驗證使用者輸入的數(shù)據(jù)，ASP.NET所提供的數(shù)據(jù)驗證Web控件有：RequiredFieldValidatorWeb控件CompareValidatorWeb控件CustomValidatorWeb控件RangeValidatorWeb控件RegularExpressionValidatorWeb控件4.3.1RequireFieldValidatorWeb控件作用：用來強迫使用必需輸入數(shù)據(jù)。語法：<ASP:RequireFieldValidatorId="控件名稱"Runat="Server"ControlToValidate="要驗證的控件名稱"ErrorMessage="所要顯示的錯誤信息"Text="未輸入數(shù)據(jù)時所顯示的訊息"/>例如：限制姓名字段一定要輸入，否那么無法觸發(fā)按鈕的事件程序。<%PageLanguage=C#><Html><FormId="Form1"Runat="Server">姓名:<ASP:TextBoxId="txtName"Runat="Server"/><ASP:RequiredFieldValidatorId="Validor1"Runat="Server"ControlToValidate="txtName"Text="必填工程"/><br>:<ASP:TextBoxId="txtTel"Runat="Server"/><br>住址:<ASP:TextBoxId="txtAdd"Runat="Server"/><br><ASP:ButtonId="btnOK"Text="確定"OnClick="btnOK_Click"Runat="Server"/><ASP:LabelId="lblMsg"Runat="Server"/></Form><ScriptRunat="Server">voidbtnOK_Click(ObjectSender,EventArgse){ if(Page.IsValid) lblMsg.Text="驗證成功!";}</Script></Html>4.3.2CompareValidatorWeb控件作用：可以驗證使用者輸入的數(shù)據(jù)，和某個值比較運算。語法：<ASP:CompareValidatorId="控件名稱"Runat="Server"ControlToValidate="要驗證的控件名稱"Operator="DataTypeCheck|Equal|NotEqual|GreaterThan|GreaterT

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論