plate区域中拖拉一个google.ascx控件,如下图,这 将允许用户在运行时,可以自由地往页面增加这样的google搜索控件。
5、然后修改代码如下:
<ZoneTemplate>
<asp:DeclarativeCatalogPart ID="DeclarativeCatalogPart1" runat="server">
<WebPartsTemplate>
<uc1:Google title="Google Search" ID="Google2" runat="server" />
</WebPartsTemplate>
</asp:DeclarativeCatalogPart>
6、运行程序,可以看到,当选择catalog display mode时,会显示如下图所 示的catalog zone,其中列出了当前可用的有哪些webpart控件,我们可以把这个 google的控件加到其他的webpart区域,也可以尝试将已经存在的webpart控件关 闭,然后在catalog zone区域中的控件列表中,把它们再加回到页面中去。
此外,在运行期间,还可以动态地修改webpart控件的外观等属性,如下:
1) 往窗体中添加一个editor zone的区域控件,往其中再拖放一个 appearanceEdiotrPart控件,该控件可以在运行时,让用户动态改变各webpart 控件的属性。
2) 我们再修改radiobutton选择框的代码如下,则加一个编辑模式:
<asp:RadioButtonList ID="rblMode" runat="server" AutoPostBack="True">
<asp:ListItem>Browse Display Mode</asp:ListItem>
<asp:ListItem>Design Display Mode</asp:ListItem>
<asp:ListItem>Catalog Display Mode</asp:ListItem>
<asp:ListItem>Edit Display Mode</asp:ListItem>
</asp:RadioButtonList>
3) 修改code-behind代码如下:
Protected Sub rblMode_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) _
Handles rblMode.SelectedIndexChanged
Select Case rblMode.SelectedIndex
Case 0 : WebPartManager1.DisplayMode = WebPartManager.BrowseDisplayMode
Case 1 : WebPartManager1.DisplayMode = WebPartManager.DesignDisplayMode
Case 2 : WebPartManager1.DisplayMode = WebPartManager.CatalogDisplayMode
Case 3 : WebPartManager1.DisplayMode = WebPartManager.EditDisplayMode
End Select
End Sub
4) 运行程序,选择edit display mode模式,这时,会发现每个控件的右上 角,会多了一个"edit"的按钮,点该按钮,弹出如下图的窗体,用户 可以修改每个控件的外观等属性。
最后,我们看下,webpart控件之间还可以进行相互之间的通信,下面的例子 中,要实现的是,在一个日历控件中点选某一个日期,会在已经做好的 googlesearch的webpart控件的文本框中显示其日期,达到通信的目的,下面介 绍其实现步骤:
1、为了使两个webpart控件之间进行通信,必须先声明一个公共的接口。往 工程项目里增加一个叫ISelectedDate.vb的类文件,放在app_code目录下,写入 如下代码:
Imports Microsoft.VisualBasic
Public Interface ISelectedDate
ReadOnly Property SelectedDate( ) As Date
End Interface
这里,我们返回一个只读的日期属性selectedDate.
2、再创建一个日历控件CalendarUC.ascx,其中拖拉一个普通的日历控件即 可。然后写入如下代码:
Partial Class CalendarUC_ascx
Inherits System.Web.UI.UserControl
Implements ISelectedDate
Public ReadOnly Property SelectedDate( ) As Date Implements ISelectedDate.SelectedDate
Get
Return Calendar1.SelectedDate.Date
End Get
End Property
<ConnectionProvider("SelectedDate", "SelectedDate")> _
Public
|