aspnetweb程序设计第四章-高级控件和用户控件_第1页
aspnetweb程序设计第四章-高级控件和用户控件_第2页
aspnetweb程序设计第四章-高级控件和用户控件_第3页
aspnetweb程序设计第四章-高级控件和用户控件_第4页
aspnetweb程序设计第四章-高级控件和用户控件_第5页
已阅读5页，还剩92页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第四章高级控件和用户控件

知识点HTML效劳器控件Web效劳器控件Web效劳器验证控件自定义控件用户控件4.1HTML效劳器控件4.1.1根本HTML标记见下页表。HTML标记备注<ahref=”…”>…</a>超链接标记<ahref=”Jscript:_doPostBack(…)”>…</a>向后超链接标记<imgsrc=”…”>图片地址标记<div>…</div>层标记<span>…</span>内联行标记<table>…</table>表格标记<tr>…</tr>表格行标记<td>…</td>表格列标记<select>…</select>选择列表标记<inputtype=”image”>图像控件<inputtype=”checkbox”>复选框控件<inputtype=”radio”>单选钮控件<inputtype=”text”value=”…”>单行文本输入控件<inputtype=”button”>按钮控件4.1.2HTML效劳器控件构架HTML标注HTML服务器控件<A>HtmlAnchor<Input>HtmlInputButton,HtmlInputCheckBox,HtmlInputRadioButton,HtmlInputFIle,HtmlInputHidden,HtmlInputImage,HtmlInputText<Form>HtmlForm<Img>HtmlImage<Table>HtmlTable<Tr>HtmlTableRow<Td>HtmlTableCell<Select>HtmlSelectHtml效劳器控件的使用方式为：<标注Id＝控件名称Runat=”Server”属性1＝“值”属性2＝…>所要显示的文字</标注>或<标注Id=控件名称Runat="Server"属性1="值"属性2.../>4.1.3HtmlAnchor控件作用：用于指定超级链接。语法：<AId="控件名称"Runat="Server"HRef="目标URL地址"Name="目标书签名称"OnServerClick="事件程序名"Target="目标框架"Title="提示">超级链接文字</A>属性：Href：目标地址，如www、E-Mail、Ftp效劳器、Gopher效劳器、News效劳器、或是Telnet效劳器的地址。设定为URL地址。Target：目标网页框架，如果网页是分框架的话。设定值为_black、_self、_parent、_top。Title：决定当鼠标移动到链接文字上时出现的提示。设定值为字符串。Name：目标书签名称。设定值为已设定的书签名称。例如：<%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控件用来显示图片于网页上的控件。语法：<ImgId="控件名称"Runat="Server"Alt="无法显示图形时所显示的提示"Align="Top|Middle|Bottom|Left|Right"Border="边框宽度"Height="图片高度"Src="图片所在的地址"Width="图片宽度">属性：Src：图片文件的地址。设定值为URL或文件名。Width：图片宽度。设定值为像素。Height：图片高度。设定值为像素。Border：图片显示时的外边框大小。设定值为数值。Align：设定和图片旁边文字的排列方式。设定值为top、middle、bottom、left、right。Alt：当图片无法下载时显示的文字或当鼠标移至图片上时显示的提示内容。设定值为字符串。例如：<%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控件作用：让用户透过按钮执行命令或动作，最重要的是OnServerClick事件。当使用者按下按钮时便会触发OnServerClick事件。<Button>控件必须写在窗体控件<FormRunat="Server"></Form>之内，这是因为Button控件可以决定数据的上传，而只有被<Form>控件所包围起来的数据输入控件，其数据才会被上传。语法：<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端的数据传送至Server端作处理。当点击窗体内确实认按钮后，在Form控件范围内的数据输入控件都会被一并送到Server端，这个动作称为回贴〔PostBack〕。这时Server端收到这些数据及OnServerClick事件后会执行指定的事件程序，并且将执行结果重新下载到Client端浏览器。 注意：所有HTML效劳器控件必须在HtmlForm控件之中，而且在一个页面中只能有一个HtmlForm控件。语法：<FormId="控件名称"Runat="Server"Method="Post|Get"Action="要执行程序的地址">其它控件</Form>属性Method：传递数据的方法。设定值为Post〔效劳器抓取资料〕或Get〔客户端上传〕。二者之间的差异为Get是立即传送，其执行效率较快，不过所传送的数据不能太大；而Post表示等待Server来抓取数据，数据的传送虽然不是立即执行，不过可传送的数据量没什么限制。Action：要执行的网址。设定值为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控件作用：执行一个指令或动作。它的Type属性有三种类型：i)Submit是传送数据；ii)Button用来触发事件程序；iii)Reset用来重置窗体成为初始状态，指定Type="Reset"时，并不需要指定任何程序代码就可以重设窗体内的输入控件。语法：<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控件作用：让用户输入数据。有两种类型：i)Text是输入一般数据，所输入的字符串会显示在文字输入盒内；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="执行程序"> <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：用来设定Radio控件的群组。Checked：用来设定Radio控件的初始状态，是否被选中。例如：<%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控件作用：当我们要在使用者传送所输入的数据时，顺便传送不需要使用者输入的数据时，可以使用隐藏输入控件。语法：<Input Id="控件名称" Runat="Server" Type="Hidden" Value="所要传送的数据">例如：<%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="现在系统时间:"+()+"<br>开始输入时间:"+Hidden1.Value;}</SCRIPT></Html>privatevoidPage_Load(objectsender,System.EventArgse){ if(!Page.IsPostBack) Hidden1.Value=();}4.1.13HtmlTextArea控件作用：文本输入框。可以设定长度和高度，可以用来输入一小段文字。语法：<TextAreaId="控件名称"Runat="Server"Cols="单行的长度"Rows="文字输入区的列数">文字区内容</TextArea>例如：<%PageLanguage=C#><Html><FormRunat="Server"ID=Form1>请输入你的建议:<br><TextAreaId="TextArea1"Runat="Server"Cols="20"Rows="4">文字输入区</TextArea><InputType="button"ID="Button1"Runat="Server"OnServerClick="Button1_Click"Value="确定"></FORM><SpanID="Sp1"Runat="Server"/><ScriptRunat="Server">voidButton1_Click(ObjectSender,EventArgse){Sp1.InnerHtml="您输入的内容是:<br>"+TextArea1.Value;}</SCRIPT></Html>4.1.14HtmlSelect控件作用：选单。选单控件有两种风格，一种是下拉式选单，另一种是清单，也就是同时可以显示多个选项，由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控件来动态的产生表格。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="跨栏数"Hight="表格高度"NoWarp="True|False"RowSpan="跨列数"Valign="垂直对齐方式"Width="表格宽度">储存格内容</Td或/Th>HtmlTableRow控件的语法：<TrId="控件名称"Runat="Server"Align="Left|Center|Right"BGColor="背景色"BorderClolr="边框颜色"Hight="表格高度"Cells="Cell集合"Valign="垂直对齐方式"<Td>字段内容</Td><Td>字段内容</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=产生表格"runat="server"></form></body></html>privatevoidPage_Load(objectsender,System.EventArgse){ //产生行和单元格. 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效劳器控件特点会根据Client端的状况产生一个或多个适当的HTML效劳器控件，它可以自动侦测Client端浏览器的种类，并自动调整成适合浏览器的输出。Web效劳器控件还拥有一个非常重要的功能，那就是支持数据绑定〔DataBinding〕；这种能力可以和数据源连结，用来显示或修改数据源的数据。介绍几种常见的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="函数名"runat="server"/>功能：有两种类型的功能，第一可以创立“提交”按钮，第二可以创立“命令”按钮。例如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控件作用：用来设定超级链接，就是HTML元素的<A>标注。语法：<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="命令参数"OnClick="事件程序名"/>或<ASP:LinkButtonId="控件Id"Runat="Server"Command="命令名称"CommandArgument="命令参数"OnClick="事件程序名"/>"按钮上的文字"</ASP:LinkButton>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server"><ASP:LinkButtonId="LB1"Text="点击我"OnClick="LB1_Click"Runat="Server"/><p><ASP:LabelId="L1"Text="现在是A"Runat="Server"/></Form><ScriptRunat="Server">voidLB1_Click(ObjectSender,Eventargse){ L1.Text="现在是B";}</Script></Html>4.2.6ImageButtonWeb控件作用：用图片来当做按钮。语法：<ASP:ImageButtonId="控件名称"Runat="Server"Command="命令名称"CommandArgument="命令参数"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="你所要看的图片是"+()+","+()+"的位置按下鼠标";}</Script></Html>4.2.7TextBoxWeb控件作用：TextBoxWeb控件和<InputType="Text">、<InputType="Password">以及<TextArea>这三个HTML元素功能相似，都是用来接收键盘键入的数据；不过TextBox可以用来取代上述三种HTML元素。语法：<ASP:TextBoxId="控件名称"Runat="Server"AutoPostBack="True|False"Columns="字符数目"MaxLength="字符数目"Rows="列数"Text="字符串"TextMode="SingleLine|Multuline|Password"//默认值为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：设定表格背景图形。CellPadding：设定单元格与表格边框的距离。CellSpacing：设定单元格与单元格边框的距离。GridLines：设定表格内的水平线或垂直线是否出现，有四种值：None——两者都不出现；Horizontal——只出现水平线；Vertical——只出现垂直线；Both——两者都出现。HorizontalAlign：设定水平对齐方式。Rows：TableRow集合对象，用来设定或取得Table中有多少列。例如〔动态产生表格〕：<%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属性设置为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网站:<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>其它网站:<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="标示控件的文字"TextAlign="设定文字在控件的左边或右边"OnCheckedChanged="事件程序名称"/>属性：AutoPostBack：设定当使用者选择不同的工程时，是否自动触发OnCheckedChanged事件。Checked：传回或设定是否该工程被选取。GroupName：传回或设定按钮所属群组。TextAlign：传回或设定文字的对齐方式。默认值为Right。Text：传回或设定RadioButton中所显示的内容。例如：<%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控件是独立的控件，假设要判断同一个群组内的RadioButton是否被选择，那么必须判断所有的RadioButtonWeb控件的Checked属性，这样做效率很低。而RadioButtonListWeb控件可以管理许多项选择项。语法：<ASP:RadioButtonListId="控件名称"Runat="Server"AutoPostBack="True|False"CellPadding="像素"DataSource="<%数据源%>"DataTextField="数据源的字段" DataValueField="数据源的字段"RepeatColumns="字段数量"RepeatDirection="Vertical|Horizontal"RepeatLayout="Flow|Table"TextAlign="Right|Left"OnSelectedIndexChanged="事件程序名称"><ASP:ListItem/> //选项</ASP:RadioButtonList>属性：DataSource：设定要绑定的数据源。DataTextField：设定要显示的字段。DataValueField：设定选项的相关数据要使用的字段。SelectedIndex：传回被选取的ListItem的Index值。SelectedItem：传回被选取到的ListItem。4.2.12ListItemWeb控件作用：ListItemWeb控件并不是一个独立存在的控件，它必须依附在以下几种Web控件下：RadioButtonListWeb控件、DropDownListWeb控件以及CheckBoxList控件。一个ListItemWeb控件代表的是一个ListControlWeb控件的选项内容，也因为如此所以可以不需要指定Id属性。语法：<ASP:ItemListId="控件名称"Runat="Server"Selected="True|False"Text="选项文字"Value="控件标记"/>或<ASP:ItemListId="控件名称"Runat="Server"Selected="True|False"Value="控件标记">选项文字</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控件不同的地方是它可以重复选取。语法：<ASP:CheckBoxId="控件名称"Runat="Server"AutoPostBack="True|False"Text="控件的文字"TextAlign="控件文字出现在左方或右方"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控件作用：如果当我们要使用一群的CheckBoxWeb控件时，在程序的判断上非常麻烦，因此CheckBoxListWeb控件和RadioButtonListWeb控件一样是让我们方便的取得用户选取的工程。语法：<ASP:CheckBoxListId="控件名称"Runat="Server"AutoPostBack="True|False"CellPadding="像素"DataSource="<%数据源%>"DataTextField="数据源的字段"DataValueField="数据源的字段"RepeatColumns="字段数量"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="<%数据源%>"DataTextField="数据源的字段"DataValueField="数据源的字段"OnSelectedIndexChanged="事件程序名称"><ASP:ListItem/></ASP:DropDownList>例如：<%PageLanguage=C#><Html><ASP:DropDownListId="ddl1"Runat="Server"> <ASP:ListItem>张学友</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属性可以设置是单项选择还是多项选择，默认是Single。语法：<ASP:ListBoxId="控件名称"Runat="Server"AutoPostBack="True|False"DataSource="<%数据源%>"DataTextField="数据源的字段"DataValueField="数据源的字段"Rows="一次要显示的列数"SelectionMode="Single|Multiple"OnSelectedIndexChanged="事件程序名称"><ASP:ListItem/></ASP:ListBox>例如：<%PageLanguage=C#><Html><FormId="Form1"Runat="Server">请选择您喜欢的明星(单项选择):<br><ASP:ListBoxId="ListBox1"Runat="Server"> <ASP:ListItem>张学友</ASP:ListItem> <ASP:ListItem>刘德华</ASP:ListItem> <ASP:ListItem>黎明</ASP:ListItem> <ASP:ListItem>大傻</ASP:ListItem> <ASP:ListItem>郭富城</ASP:ListItem></ASP:ListBox></Form></Html>4.3Web效劳器验证控件数据验证是一种限制使用者输入的限制，可以验证用户输入的数据正确性，或要求使用者一定要输入数据。数据验证Web控件可以帮助我们少写许多程序来验证使用者输入的数据，ASP.NET所提供的数据验证Web控件有：RequiredFieldValidatorWeb控件CompareValidatorWeb控件CustomValidatorWeb控件RangeValidatorWeb控件RegularExpressionValidatorWeb控件4.3.1RequireFieldValidatorWeb控件作用：用来强迫使用必需输入数据。语法：<ASP:RequireFieldValidatorId="控件名称"Runat="Server"ControlToValidate="要验证的控件名称"ErrorMessage="所要显示的错误信息"Text="未输入数据时所显示的讯息"/>例如：限制姓名字段一定要输入，否那么无法触发按钮的事件程序。<%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控件作用：可以验证使用者输入的数据，和某个值比较运算。语法：<ASP:CompareValidatorId="控件名称"Runat="Server"ControlToValidate="要验证的控件名称"Operator="DataTypeCheck|Equal|NotEqual|GreaterThan|GreaterT

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论