快速业务通道

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

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-21

在现在的网站设计中,更强调的是用户的个性化设置,让用户可以自由的设 置符合自己喜好的页面成为网站开发人员的头号难题,不过现在看来这个难题微 软帮我们解决了。在asp.net 2.0中新增加了一系列webpart控件,可以让用户很 方便地对网页的各区域布局进行调整。在一些web应用程序中,如果用户想自定 义页面布局,比如一个新闻发布系统,想让左,中,右三栏的位置进行调换的话 ,就可以使用webpart控件。

下面,我们来看下asp.net 2.0中webpart系列控件的一些基本用法。

首先,在vs.net 2005 中的工具箱中,可以找到如下图所示的webpart系列控 件,有很多个,限于篇幅,本文介绍其中的一些重要的控件:

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

在webpart系列控件中,其中的webpartmanager控件用于统一管理各webpart 控件。而webpartzone控件,则是提供了各区域划分,在这些区域中,用户可以 往里面放置各式各样的控件,而当运行的时候,用户可以移动的就是这些 webpartzone控件所在的区域。

为增强认识,我们先做个简单的例子。

1、首先使用vs.net 2005 beta 2(或者RC1)新建一个web站点,

2、往窗体中拖拉一个webpartmanager控件,再建一个3列1行的表格,分别往 每个单元格里拖拉一个webpartzone控件,如下图:

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

3、往webpartzone1中拖拉放一个日历控件,并为这个日历控件选择一个合适 的样式

4、切换到代码视图状态,将日历控件的title属性改为:today’s date。注意的是,日历控件本身没有title属性,但当一个控件加入到 webpartzone区域中去后,则该控件被自动包装为GenericWebPart类型控件,这 些类型的控件有title属性。

5、这时,我们可以按F5来运行该程序,运行如下图所示,可以看到,区域的 右上角有最小化和关闭,恢复的按钮。

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

接下来,我们介绍如何在webpart系列控件中,使用用户自定义的控件。

1、首先,我们为工程项目增加一个"google.ascx"的控件,并且 在images目录下,添加google那张著名的logo图片。

接着,往窗体中添加一个2*2行的表格,再往其中的一个单元格添加一个 image图象控件,指定其图象为google.gif,再添加一个文本框,一个按钮,如 下图所示,其中,括号内的是该控件的名称: 

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

3、在btnsearch按钮的click事件中写入如下代码:

 Response.Write(Page.IsValid)
 Dim queryStr As String = HttpUtility.UrlEncode(txtSearch.Text)
 Response.Redirect("http://www.google.com/search?q=" & queryStr)
End Sub

4、这时,将写好的google.ascx控件,整个拖拉到我们刚才建立好的表格中 的中间那个单元格,如下图所示:

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

我们并且修改代码如下,修改其名称为google serach:

<uc1:Google title="Google Search" runat="server" ID="Google1" />

接下来,F5运行,可以看到,可以在googlesearch所在的webpart里进行 google搜索了。

同时,如果觉得webpart的那些关闭,恢复,最小化的按钮不大好看,还可以 自定义按钮,比如在images目录下,添加下面的图片:

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

然后,在webpartzone1的属性中,指定如下的属性就可以了。 

CloseVerb.ImageUrl="Images/CloseVerb.gif"
EditVerb.ImageUrl="Images/EditVerb.gif"
MinimizeVerb.ImageUrl="Images/MinimizeVerb.gif"
RestoreVerb.ImageUrl="Images/RestoreVerb.gif"

使webpart动起来

上面设计的webpart还没能动起来,要让webpart动起来的话,必须要将 webpar设置为design display 模式。先为webpart添加下面的radiobutton选择 框

<asp:RadioButtonList ID="rblMode" runat="server" AutoPostBack="True">
 <asp:ListItem>Browse Display

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站: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号