亲密接触ASP.Net(4) WEB控件

WEB控件
按照计划我们这一节要谈Web控件,我想了半天也不知道如何定义这个web控件,它比html控件难于理解,毕竟HTML太像原来我们熟悉的东东了。而web控件确与我们平常见到的有很大的出入,不知道大家还记不记得我说过的一句话,那就是ASP.net的程序就像是写VBVC中的窗口,先再这些窗口中加入我们的需要的控件,然后再对这些控件进行操作。如果你学过一点点VBVC的编程,那么理解这个就不难了,ASP.net中的web控件就像是VBVC中的控件一样。我们先在页面中摆好这些控件,然后再通过Page_Load以及其它一些自定义事件来对他们进行控制。我们还是通过看一个实例来了解一下吧。我们先举简单的Label控件吧. 源代码如下:

<% @ Page Language="C#" %>
<% @ Import Namespace="System.Data" %>
<Script Language="C#" Runat="Server">
public void Page_Load(Object src,EventArgs e)
{
if(!Page.IsPostBack)
{
label3.Text="这是黑体字,并且带下划线";
}
}
</script>
<html>
<head>
<title>测试Label控件</title>
</head>
<body>
<bold>测试Label控件:<br></bold>
<asp:Label id="label1" font-size="9pt" font-bold="true" forecolor="red" runat="server">这是红色粗体的文字</asp:Label><br>
<asp:Label id="label2" font-size="10pt" font-italic="true" forecolor="blue" runat="server" text="这是蓝色斜体的文字" /><br>
<asp:Label id="label3" font-size="11pt" font-underline="true" runat="server" />

</body>
</html>

这段程序执行后的结果是

测试Label控件:
这是红色粗体的文字
这是蓝色斜体的文字
这是黑体字,并且带下划线

看看源代码,再看看程序执行的结果是不是发现Label控件和VB中的Label控件很相近:)

(注:你在你的机器上看到的中文可能是乱码,那么请您打开x:\winnt\microsoft\framework\v1.0.224目录,找到其中的config.web文件,打开它,找到下面的文字:

<globalization
requestencoding="iso-8859-1"
responseencoding="iso-8859-1"
/>

把其中的iso-8859-1改为gb2312,OK,再执行一下程序,中文是不是出来了:)

这里我们用了三种方法来操作Label控件,第一种是类似HTML的闭合标签,将要写的字写在<asp:Label></asp:Label>之间;第二种是用到了Label控件Text属性;第三种,是通过执行Page_Load事件而把文字写进Label控件的。这三种方法都很有用,看你自已的喜欢了,第三种是最常用的啦,以后我们会经常用到.Label控件不光有Text属性来控制它的文字,而且还有font-size等属性来控制字体大小,颜色等属性,这里的例子我都用到了,大家好好看看,相信没有什么问题

我们见过了Label控件的操作,那么我们对web控件有了一个感性的认识,在ASP.net中,一共有28个WEB控件,它们是:

AdRotator Button Calendar CheckBox
CheckBoxList CompareValidator CustomValidator DataGrid
DataList DropDownList HyperLink Image
ImageButton Label LinkButton ListBox
Panel RadioButton RadioButtonList RangeValidator
RegularExpressionValidator Repeater RequiredFieldValidator Table
TableCell TableRow TextBox ValidationSummary

大家可以到我上一节讲的那个站点去具体看一下他们各自的用法,这里我本来想主要讲一下DataGrid,DataLit,ListBox但是他们其中都需要用到Binding知识(这个我们在下一节讲),所以我们主要来看看DropDownList的用法(因为我们上一节是用的select来讲解HTML控件的)

先看一个例子:

<% @ Page Language="C#" %>
<% @ Import Namespace="System.Data" %>
<Script Language="C#" Runat="Server">
public void Page_Load(Object src,EventArgs e)
{

}
public void sub_click(Object sender,EventArgs e)
{
string chioce;
chioce=ddl.SelectedItem.Text;
show.Text="您选择的是本工作室的<font color=red>"+chioce+"</font>成员";
}
</script>
<html>
<head>
<title></title>
</head>
<body>
<form runat="server">
请选择ASPCN.Com工作室程员:<br>
<asp:DropDownList id="ddl" RunAt="server">
<asp:ListItem>飞刀</asp:ListItem>
<asp:ListItem>大风</asp:ListItem>
<asp:ListItem>Zsir</asp:ListItem>
<asp:ListItem>布丁</asp:ListItem>
<asp:ListItem>亚豪</asp:ListItem>
</asp:DropDownList>
<br>
<asp:Button id="sub" Text="提交" RunAt="Server" /><br>
<asp:Label id="show" runat="server"/>
</form>
</body>
</html>

它执行显示为:

请选择ASPCN.Com工作室程员:

飞刀大风Zsir布丁亚豪

如果我选中了其中的飞刀,然后再按下"提交"键,那么显示就是:

请选择ASPCN.Com工作室程员:

飞刀大风Zsir布丁亚豪

您选择的是本工作室的飞刀成员

DropDownList控件,其实和select差不多,功能也就多那么一点点,但是这个多一点点的功能就是很有用的,这就是我们下一节要学习的Bind,呵呵,是不是想学了:)不急,我们先分析一下这里的程序。 我们用DropDownList控件建立起一个List列表,然后我们选择其中的一个选项,最后按提交键提交。这里我们可以看到处理程序的是sub_click这个事件,这里由名为sub的button控件激发,所用的事件是onclick,这里和HTML控件所使用的OnServerClick事件是不同的,大家要分清楚。其它的好像没有什么可以说了。呵呵

我们下一节要讲bind,这个是很重要的。

时间: 2024-09-18 13:16:03

亲密接触ASP.Net(4) WEB控件的相关文章

asp.net下web控件点评

asp.net下控件分二大类,分别在 System.Web.UI.WebControls System.Web.UI.HtmlControls 命名空间下,前者继承自WebControl,后者继承自HtmlControl,这二个类又都继承自System.Web.UI.Control额, windows平台,不论你从事什么开发,最终都需要有人调用loadlibrary.dll.那么asp.net控件,不论你使用什么控件,最终都要调用Render.其实做为前台开发,这些控件大部分不是那么好用. 1.

关于asp.net里web控件的理解?

问题描述 最近课程设计做网站,在asp.net平台上,照着书用了几个web控件,我对它的理解是这样的:用c#语言作后台语言编写被vs运行后生成成html或者javascript语言再被浏览器解释执行(-或者说只用javascript和html也能实现相同的功能,不过vs上的web控件拖起来使用更加方便罢了)不知道这样理解对不对,求分析,谢谢. 解决方案 解决方案二:javascript和html是客户端的东西.而控件是服务端的类对象的东西.两个世界的东西,又怎么会一样呢.解决方案三:这么理解其实

DataGrid Web控件深度历险(3) part1

datagrid|web|控件 这篇文章是一系列关于使用DataGrid Web控件文章的第三篇.ASP.Net DataGrid Web控件可将数据库信息显示在HTML表格中,并且功能强大.在第一篇文章中我们讨论了DataGrid的基本功能:在第二篇文章中我们讨论了设定DataGrid显示属性的信息.本文将研究如何将事件与DataGrid联系起来. 导言 在第一篇文章中我们研究了DataGrid的基本功能 (它是一个被设计用于在HTML表格标签中显示数据的ASP.Net Web控件),展示了通

DataGrid Web控件深度历险(1)

datagrid|web|控件 DataGrid Web控件深度历险(1) 这篇文章是一系列关于使用DataGrid Web控件文章的第一部分.ASP.Net DataGrid Web控件可将数据库信息显示在HTML表格中,并且功能强大.在最简单的情形下DataGrid显示HTML表格框架,但是它可被增强以显示丰富的用户界面,可根据数据库的列进行排序,甚至允许对数据库结果进行分页!所有这些有趣的主题将在今后一系列文章中涉及. 从数据库中获取表格信息并将其显示在一个HTML表格中是传统ASP编程中

亲密接触ASP.Net(3) asp+中的控件

最近有朋友问我,哪里可以学好ASP+,我早就说过NGWS中带的文档是最好的学习手册,不过由于NGWS的要求太高,还有它的大小(110M)的问题,有一部分兄弟,不能装上它,我给你们一个站点http://www.aspnextgen.com/quickstart/aspplus/ ,上面的文档就是NGWS直接带的,而且这个站点全是由asp+构建的,大家可以直接看到aspx的执行情况,我现在对我们的站点唯一不满的地方就是不能执行aspx,不能给大家看到例程的执行结果. 好了不说多话了,我们这一节要来看

在ASP.NET WEB控件中应用样式(Style)

asp.net|web|控件 翻译: T.T (TPoI) 在这编文章中, 我将告诉你如何使用.NET FRAMEWORK类库中的WEB类来为WEB服务器控件创建和应用样式(Style). System.Web.UI.WebControls.Style 类 Style类定义在System.Web.UI.WebControls名字空间, 用来描叙一个WEB服务器控件的样式. 该类的属性可以设置WEB服务器控件的外观, 或者多个WEB服务器控件使用一个通用的外观. 你可以通过这些属性来改变背景色,

asp.net 2.0中不同web控件之间的相互调用

asp.net|web|控件 在asp.net 2.0中,要在不同的web控件之间互相调用,必须要<%@ Reference VirtualPath="另一控件名称">来引用,举例如下 default.aspx:<form id="form1" runat="server">        <uc1:WebUserControl id="WebUserControl1" runat="s

探讨ASP.NET 2.0的Web控件改进之概述

asp.net|web|控件 一. 引言 到目前为止,你可能已经了解了大量的ASP.NET 2.0新特征-母版页面,主题,提供者,等等--所有这样内容都相当精彩:但是,你是否了解到有关定制Web控件开发方面的重大变化?这正是我在本文中所想讨论的.如果你已经从事于控件开发,那么,我想本文所描述的ASP.NET 2.0中的新的改进特征会立即应用于你的控件开发中. 首先应该注意的是,你以前使用ASP.NET 1.1(或1.0)开发的所有Web控件在2.0版本下将继续良好运行-微软并没有破坏你的现有代码

探讨ASP.NET 2.0中的Web控件改进技术

asp.net|web|控件 ASP.NET 2.0并没有抛弃1.1版本中的任何现有控件,而是增加了一组新的控件;同时还引入了若干新的控件开发技术.本系列文章将对这些内容展开全面探讨. 一. 引言 到目前为止,你可能已经了解了大量的ASP.NET 2.0新特征-母版页面,主题,提供者,等等--所有这样内容都相当精彩;但是,你是否了解到有关定制Web控件开发方面的重大变化?这正是我在本文中所想讨论的.如果你已经从事于控件开发,那么,我想本文所描述的ASP.NET 2.0中的新的改进特征会立即应用于