快速业务通道

在ASP.NET 2.0中使用webpart系列控件

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-21
plate区域中拖拉一个google.ascx控件,如下图,这 将允许用户在运行时,可以自由地往页面增加这样的google搜索控件。

在ASP.NET 2.0中使用webpart系列控件

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区域中的控件列表中,把它们再加回到页面中去。

在ASP.NET 2.0中使用webpart系列控件

此外,在运行期间,还可以动态地修改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"的按钮,点该按钮,弹出如下图的窗体,用户 可以修改每个控件的外观等属性。

在ASP.NET 2.0中使用webpart系列控件

最后,我们看下,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

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号