ASP.NET 2.0中使用webpart系列控件(5)
点击次数：19 次 发布日期：2008-11-26 15:42:14 作者：源代码网
|
源代码网推荐 源代码网推荐 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 Function GetSelectedDate( ) As ISelectedDate 源代码网推荐 Return Me 源代码网推荐 End Function 源代码网推荐 End Class 源代码网推荐 源代码网推荐 上面的代码，首先实现了已经声明了的IselectedDate接口，要留意的是＜ConnectionProvider("SelectedDate", "SelectedDate")＞中的写法。由于在这个例子中，日历控件要为其他的控件提供信息，因此，该日历控件是一个provider（提供者）,而另外的接收信息的控件，是consumer(消费者)。而两者为了要通信，必须要提供一个通信接入点，就象一个电插头，要找到合适的电插板一样。因此，＜ConnectionProvider("SelectedDate", "SelectedDate")＞中的第一个参数，定义了两者的接口点，第二个参数，则是要传递给consumer的参数，本例是selectedDate。 源代码网推荐 源代码网推荐 3、接下来，我们在已经做好的google.ascx控件的代码中，编写如下代码： 源代码网推荐 源代码网推荐 Private _selectedDate As ISelectedDate 源代码网推荐 源代码网推荐 ＜ConnectionConsumer("SelectedDate", "SelectedDate")＞ _ 源代码网推荐 Sub setSearchText(ByVal SearchText As ISelectedDate) 源代码网推荐 Me._selectedDate = SearchText 源代码网推荐 End Sub 源代码网推荐 源代码网推荐 Protected Sub Page_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreRender 源代码网推荐 If _selectedDate IsNot Nothing Then 源代码网推荐 txtSearch.Text = _selectedDate.SelectedDate.ToShortDateString 源代码网推荐 End If 源代码网推荐 End Sub 源代码网推荐 源代码网推荐 可以看到 ＜ConnectionConsumer("SelectedDate", "SelectedDate")＞的定义必须和provider中的定义一样。 源代码网推荐 源代码网推荐 4、再修改如下代码，将两个控件的命名变得通俗易懂 源代码网推荐 源代码网推荐 ＜ZoneTemplate＞ 源代码网推荐 ＜uc1:Google title="Google Search" runat="server" ID="Google1" /＞ 源代码网推荐 ＜uc3:CalendarUC title="Calendar Web Part" runat="server" ID="CalendarUC1" /＞ 源代码网推荐 ＜/ZoneTemplate＞ 源代码网推荐 源代码网推荐 5、最后，为了使两者能互相通信，必须在default.aspx页中修改如下代码： 源代码网推荐 源代码网推荐 ＜asp:WebPartManager ID="WebPartManager1" runat="server"＞ 源代码网推荐 ＜StaticConnections＞ 源代码网推荐 ＜asp:WebPartConnection ID="Connection" 源代码网推荐 ProviderID="CalendarUC1" 源代码网推荐 ProviderConnectionPointID="SelectedDate" 源代码网推荐 ConsumerID="Google1" 源代码网推荐 ConsumerConnectionPointID="SelectedDate" /＞ 源代码网推荐 ＜/StaticConnections＞ 源代码网推荐 ＜/asp:WebPartManager＞ 源代码网推荐 源代码网推荐 6、在页面代码中，增加一个radiobutton,用作显示connection模式，并写入如下代码： 源代码网推荐 源代码网推荐 Case 4 : WebPartManager1.DisplayMode = WebPartManager.ConnectDisplayMode 源代码网推荐 源代码网推荐 7、运行程序，选择connect displaymode模式。再选择GOOGLE SEARCH的那个webpart控件，点右上角的"conenct"按钮，此时，会显示如下图所示，提示你要选择从那个控件中得到信息，这里选择日历控件，按确定。那么，当点选日历控件的某个日期值的时候，GOOGLE SEARCH的那个文本框里，就会显示相应的日期了。 源代码网推荐 源代码网推荐 
源代码网推荐 源代码网推荐 小结： 源代码网推荐 源代码网推荐 本文主要介绍了在ASP.NET 2.0中，如何使用基本的webpart系列控件，以达到改变页面布局以及如何使页面的各webpart控件相互之间通信。 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
