创建 Web 部件页

创建使用 Web 部件的简单页面

不需要执行任何操作即可启用 Web 部件个性化设置;默认情况下为 Web 部件控件集启用该功能。当第一次在某个站点上运行 Web 部件页时,ASP.NET 将设置一个默认的个性化设置提供程序来存储用户个性化设置。默认提供程序使用在站点目录的子目录中创建的数据库。

创建网页
1.在文本编辑器中,创建新的文件并将下面的页声明添加到该文件的开头。
<%@ page language="C#" %>
2.在页声明的下方输入标记以创建一个完整的页结构,如下面的代码示例所示。

请注意,该页包含一个空表,其中有一行、三列。该表将包含稍后添加的 Web 部件控件。

<html>
<head runat="server">
  <title>Web Parts Page</title>
</head>
<body>
  <h1>Web Parts Demonstration Page</h1>
  <form runat="server" id="form1">
  <br />
  <table cellspacing="0" cellpadding="0" border="0">
    <tr>
      <td valign="top">
      </td>
      <td valign="top">
      </td>
      <td valign="top">
      </td>
    </tr>
  </table>
  </form>
</body>
</html>
3.将该文件命名为 WebPartsDemo.aspx,并保存在您的网站的目录中。

下一步是设置区域。区域是复合控件,它们占用页面的指定区域并包含 Web 部件控件。

将区域添加到页面

1.在页面中 <form> 元素的紧下面,添加一个 <asp:webpartmanager> 元素,如下例所示。

<asp:webpartmanager id="WebPartManager1" runat="server" />

在使用 Web 部件控件的每个页面中都必须使用 WebPartManager 控件。

2.在表中第一个 <td> 元素的内部添加一个 <asp:webpartzone> 元素,并如下面的代码示例所示指定其属性值。

请注意,<asp:webpartzone> 元素还包含 <zonetemplate> 元素。将 Web 部件控件置于 <zonetemplate> 元素内部。

<table cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td valign="top">
      <asp:webpartzone id="SideBarZone" runat="server" 
        headertext="Sidebar">
        <zonetemplate>
        </zonetemplate>
      </asp:webpartzone>
    </td>

3.在表中第二个 <td> 元素的内部添加一个 <asp:webpartzone> 元素并向其赋予属性值,如下面的代码示例所示。

 

<td valign="top">
   <asp:webpartzone id="MainZone" runat="server" headertext="Main">
     <zonetemplate>
     </zonetemplate>
   </asp:webpartzone>
</td>

4.保存 WebPartsDemo.aspx 文件。

现在,页面包含两个区域,您可以分别对它们进行控制。但是,这两个区域中都不包含任何内容,因此下一步就是创建内容。对于本演练,将使用只显示静态内容的 Web 部件控件。

Web 部件区域的布局将由 <zonetemplate> 元素指定。在区域模板中,您可以添加任何 Web 服务器控件,无论它是自定义 Web 部件控件、用户控件还是现有的服务器控件。在本演练中,您将使用 Label 服务器控件,并且只向其中添加静态文本。在将常规 ASP.NET 服务器控件置于 WebPartZone 区域中后,ASP.NET 会在运行时将其视为 Web 部件控件,这样您便可以使用标准服务器控件的大部分 Web 部件功能。

<未完>

posted @ 2008-06-29 18:50  superfang  阅读(252)  评论(0编辑  收藏  举报