《《ASP.NET Web程序设计》-王祖俪-电子教案 第四章 高级控件和用户控件》由会员分享，可在线阅读，更多相关《《ASP.NET Web程序设计》-王祖俪-电子教案 第四章 高级控件和用户控件（97页珍藏版）》请在金锄头文库上搜索。
1、第四章 高级控件和用户控件,知识点,HTML服务器控件 Web服务器控件 Web服务器验证控件 自定义控件 用户控件,4.1 HTML服务器控件,4.1.1 基本HTML标记 见下页表。,4.1.2 HTML服务器控件构架,Html服务器控件的使用方式为： 所要显示的文字 或 ,4.1.3 HtmlAnchor控件,作用：用于指定超级链接。 语法： 超级链接文字 ,属性： Href：目标地址，如www、E-Mail、Ftp服务器、Gopher服务器、News服务器、或是Telnet服务器的地址。设定为URL地址。 Target：目标网页框架，如果网页是分框架的话。设定值为_black、_sel
2、f、_parent、_top。 Title：决定当鼠标移动到链接文字上时出现的提示。设定值为字符串。 Name：目标书签名称。设定值为已设定的书签名称。,示例： 超级链接示例，请点这里 private void Page_Load(object sender, System.EventArgs e) Anchor1.HRef=“http:/“; Anchor1.Target=“_blank“; Anchor1.Title=“链接到“; ,4.1.4 HtmlImage控件,作用：HtmlImage 控件用来显示图片于网页上的控件。 语法： ,属性： Src：图片文件的地址。设定值为URL或文件
3、名。 Width：图片宽度。设定值为像素。 Height：图片高度。设定值为像素。 Border：图片显示时的外边框大小。设定值为数值。 Align：设定和图片旁边文字的排列方式。设定值为top、middle、bottom、left、right。 Alt：当图片无法下载时显示的文字或当鼠标移至图片上时显示的提示内容。设定值为字符串。,示例： void Page_Load(object sender, EventArgs e) Image1.Src=“bird.jpg“; Image1.Alt=“这是一只鸟。“; Image1.Width=512; Image1.Height=384; Imag
4、e1.Border=2; ,4.1.5 HtmlButton控件,作用：让用户透过按钮执行命令或动作，最重要的是 OnServerClick事件。当使用者按下按钮时便会触发OnServerClick 事件。 控件必须写在窗体控件 之内，这是因为 Button 控件可以决定数据的上传，而只有被 控件所包围起来的数据输入控件，其数据才会被上传。 语法： 按钮上的文字、图形或控件 ,示例： void button1(object sender, EventArgs e) p1.InnerHtml=“你按了蓝色按钮!“; void button2(object sender, EventArgs e)
5、 p1.InnerHtml=“你按了粉色按钮!“; 蓝色按钮! 粉色按钮! ,4.1.6 HtmlForm控件,作用：HtmlForm（窗体）控件可以让用户将Client端的数据传送至 Server 端作处理。当点击窗体内的确认按钮后，在Form控件范围内的数据输入控件都会被一并送到 Server 端，这个动作称为回贴（Post Back）。这时 Server端收到这些数据及 OnServerClick事件后会执行指定的事件程序，并且将执行结果重新下载到Client端浏览器。 注意：所有HTML服务器控件必须在HtmlForm控件之中，而且在一个页面中只能有一个HtmlForm控件。 语法：
6、其它控件 ,属性 Method：传递数据的方法。设定值为Post（服务器抓取资料）或Get（客户端上传）。二者之间的差别为 Get是立即传送，其执行效率较快，不过所传送的数据不能太大；而 Post表示等待 Server 来抓取数据，数据的传送虽然不是立即执行，不过可传送的数据量没什么限制。 Action：要执行的网址。设定值为URL或文件名。,示例： void submit( Object sender, EventArgs e) if (Name.Value != “) p1.InnerHtml=“Welcome “ + Name.Value + “!“; 输入你的名字: ,4.1.7 Ht
7、mlInputButton控件,作用：执行一个指令或动作。它的Type属性有三种类型：i)Submit是传送数据；ii)Button用来触发事件程序；iii) Reset用来重置窗体成为初始状态，指定Type=“Reset“ 时，并不需要指定任何程序代码就可以重设窗体内的输入控件。 语法： ,示例： void Button1_Click(Object sender, EventArgs e) Sp1.InnerText=“您按了Button“; void Submit1_Click(Object sender, EventArgs e) Sp1.InnerText=“您按了Submit“; ,
8、4.1.8 HtmlInputText控件,作用：让用户输入数据。有两种类型：i)Text是输入一般数据，所输入的字符串会显示在文字输入盒内；ii)而Password 是密码输入的文字输入盒，输入的字符会以*来显示。 语法： ,示例： 姓名: 密码: void Button1_Click(Object Sender, EventArgs e) PWDChk (); void Submit1_Click(Object Sender, EventArgs e) PWDChk (); void PWDChk() if (txtText.Value=“Helen“) ,4.1.10 HtmlInput
9、Radio控件,作用：单选一个选项。 语法： 属性： Name：用来设定Radio控件的群组。 Checked：用来设定Radio控件的初始状态，是否被选中。,示例： 男 女 void Button1_Click(Object Sender, EventArgs e) String strMsg =“您的性别为: “; if(Radio1.Checked) strMsg+=“男“; else strMsg+=“女“; Sp1.InnerText=strMsg; ,4.1.11 HtmlInputCheckBox控件,作用：可选择多个选项。 语法： ,示例： 请选择您的兴趣爱好: 篮球 看书 足
10、球 旅游 void Button1_Click(Object Sender, EventArgs e) string strMsg =“您的兴趣爱好为: “ ; if (Check1.Checked) strMsg+=“篮球“; if (Check2.Checked) strMsg+=“看书“; if (Check3.Checked) strMsg+=“足球“; if (Check4.Checked) strMsg+=“旅游“; Sp1.InnerText=strMsg; ,4.1.12 HTMLInputHidden控件,作用：当我们要在使用者传送所输入的数据时，顺便传送不需要使用者输入的数
11、据时，可以使用隐藏输入控件。 语法： ,示例： 请输入您的住址: void Button1_Click(Object Sender, EventArgs e) Sp1.InnerHtml=“现在系统时间:“ + DateTime.Now.ToString() + “开始输入时间:“ + Hidden1.Value; private void Page_Load(object sender, System.EventArgs e) if (!Page.IsPostBack) Hidden1.Value=DateTime.Now.ToString(); ,4.1.13 HtmlTextArea控件
12、,作用：文本输入框。可以设定长度和高度，可以用来输入一小段文字。 语法： 文字区内容 ,示例： 请输入你的建议: 文字输入区 void Button1_Click(Object Sender, EventArgs e) Sp1.InnerHtml=“您输入的内容是:“ + TextArea1.Value; ,4.1.14 HtmlSelect控件,作用：选单。选单控件有两种风格，一种是下拉式选单，另一种是清单，也就是同时可以显示多个选项，由Size属性控制。 语法： 选项 选项 . ,示例： 花: 玫瑰 菊花 百合 水仙花 生长地: 成都 北京 void Button1_Click(Objec
13、t Sender, EventArgs e) Sp1.InnerText= “你觉得: “ + Select1.Value +“ 是在 “ + Select2.Value + “生长的吗？”; ,4.1.15 HtmlTable、HtmlTableRow、HtmlTableCell控件,作用：HtmlTable控件可以配合HtmlTableRow以及HtmlTableCell控件来动态的产生表格。HtmlTable 控件是由许多列（Row）所组成，而每一列中是由许多储存格（Cell）所组成。所以HtmlTable 控件中有Rows集合，HtmlTableRow 控件中有Cells 集合。 Ht
14、mlTable控件语法： ,HtmlTableCell 控件的语法： 储存格内容 ,HtmlTableRow 控件的语法： 字段内容 字段内容 示例见后页。, 表格行: 1 2 3 4 5 表格单元格: 1 2 3 4 5 ,private void Page_Load(object sender, System.EventArgs e) /产生行和单元格. int rows = Convert.ToInt32(Select1.Value); int cells = Convert.ToInt32(Select2.Value); for (int j=0; jrows; j+) HtmlTab
15、leRow row = new HtmlTableRow(); for (int i=0; icells; i+) HtmlTableCell cell = new HtmlTableCell(); cell.Controls.Add(new LiteralControl(“row “ + j.ToString() + “, cell “ + i.ToString(); row.Cells.Add(cell); Table1.Rows.Add(row); ,4.2 Web服务器控件,特点 会根据Client端的状况产生一个或多个适当的HTML服务器控件，它可以自动侦测 Client端浏览器的种
16、类，并自动调整成适合浏览器的输出。 Web 服务器控件还拥有一个非常重要的功能，那就是支持数据绑定（Data Binding）；这种能力可以和数据源连结，用来显示或修改数据源的数据。,介绍几种常见的web控件,4.2.1 Label Web控件 作用：用来显示文字。 语法： 或 所要显示的文字 ,示例： void Page_Load(object sender, System.EventArgs e) Label1.Text=“这是一个Label控件“; ,4.2.2 button控件,作用：在 Web 窗体页上显示普通按钮 (Button) 控件。 语法： ,功能：有两种类型的功能，第一可以创建“提交”按钮，第二可以创建“命令”按钮。 示例1（完成提交功能）： void SubmitBtn_Click(Object sender, EventA
