《HTML控件和Web服务器控件》.ppt

控件概述 VS最大的好处就是封装了一些常用的控件，可以通过拖曳的方式直接生成它们。在ASP.NET应用程序中，VS提供了常用的HTML控件，也提供了可与服务器交互的Web控件。通过这些控件，程序员可以设计各种类型的网页，可以制作动态网站，实现人与机器的交互。 ASP.NET控件概述 HTML控件 只要浏览过网页，就经常会看到一些网页中的文本，还有按钮、图片等。这些都是控件。有些控件只显示内容，并不与服务器交互，这种一般被称为HTML控件。VS2008提供了这些常见的标准控件，如表所示。 Web控件 Web控件就是常说的服务器控件。这些控件在每次用户操作时，都会与服务器交互。使用这些控件的优点是可以实时与服务器进行数据交互，缺点就是，每次与服务器的交互都会导致页面刷新，如果网络慢，则网页刷新需要长时间的等待，这就存在一个效率问题。 Web控件的显示与HTML控件类似，只是具备不同的功能。下表列出了VS2008中提供的常用Web控件。 Label控件 TextBox控件 注意点：Label与CSS结合 TextBox属性 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 标准服务器端控件 数据验证控件 数据验证控件 数据验证控件 数据验证控件 数据验证控件 数据验证控件 数据验证控件 数据验证控件 数据验证控件 数据验证控件 用户自定义控件 用户自定义控件 用户自定义控件 用户自定义控件 用户自定义控件 用户自定义控件 在设计视图中添加用户控件 用户控件的界面和事件处理程序编写完毕后，还必须将其放置在一个Web窗体页中才能使用。在设计视图中打开希望添加用户控件的Web窗体页面，注意一定要将页面切换到“设计”视图。 在解决方案资源管理器中将设计完毕的用户控件直接拖动到页面适当的位置。窗体设计器能自动向Web页面添加@Register页面指示符，从此开始用户控件就成为了Web窗体的一个组成部分。此外，当用户控件被添加到Web窗体中后，该控件的公共属性、事件和方法也将向Web窗体公开，并可以通过编程的方式来使用。 程序运行时动态添加用户控件 用户控件也可以在程序运行时通过代码动态地加载，这样就能根据实际需要向页面中添加不同的用户控件，或通过循环向页面中添加若干个相同的用户控件。 在实际应用中，通常需要在主Web页面中添加一个容器控件PlaceHolder，作为用户自定义控件的“占位”控件。在程序运行时通过代码创建一个用户控件的实例，而后将用户控件添加到容器控件中。例如： protected void Page_Load(object sender, EventArgs e) { Control head = LoadControl(“header.ascx”); PlaceHolder1.Controls.Add(head); } * HTML控件 HTML控件在默认情况下属于客户端（浏览器）控件，服务器无法对其进行控制。HTML控件是从HTML标记衍生而来的，每个控件对应于一个或一组HTML标记。例如，前面我们经常使用的HTML表格控件，就是一个常用于页面布局工具的HTML控件，如果不使用工具箱中的控件，而直接在源视图中书写相应的HTML代码也可以得到相同的效果，但使用控件可以节省大量的代码书写时间，且使操作变成了可视化的方式。 HTML控件可以通过修改代码将其变成Web服务器端控件，几乎所有的HTML标记只要加上runat = server，这个服务器控件标识属性后都可以变成服务器端控件。这与普通HTML标记相比最大的区别在于，服务器端控件可以通过服务器端代码来控制。 ImageButton（图像按钮）、Image（图像）和HyperLink（超链接）控件都可以在控件中显示图片，且都具有超链接跳转的功能。 ImageButton控件 2. HyperLink控件 双击HyperLink（超链接）控件在工具箱中的图标，可将控件添加到当前页面光标所在位置。HyperLink控件与标签控件很相似，但该控件支持用户的单击事件，可以在控件中显示图片，可以指定超链接的目标框架等特有属性。 Image和ImageMap控件 Image控件和ImageMap控件都是用于图片显示的控件。 1. Image控件 ImageMap控件 利用ImageMap控件可以创建一个图像，该图像包含任意数目的，用户可以单击的区域，这