开发AJAX Enabled WebPart

来源：互联网发布：js设置display为block 编辑：程序博客网时间：2024/06/07 00:21

上一篇阐述了在MOSS2007中如何配置环境使之支持AJAX，在这一篇中，笔者将运用已经配置好的环境创建一个简单的AJAX Enabled WebPart,做完这个例子后，其实您会发现这和AJAX在ASP.NET中的应用是没有本质区别的，只是在SharePoint中多了一步修改事件回发的脚本而已。

本文内容概览：

1.新建ASP.Net AJAX-Enabled WebSite

2.编写相应的代码

3.部署WebPart

步骤一：新建ASP.Net AJAX-Enabled WebSite

打开Visual Studio 2005,新建一个ASP.NET AJAX-Enabled网站（需要安装过ASP.NET AJAX扩展后才有该模版），键入"AJAXEnabledWebPart"作为项目的名称，删除Default.aspx页面，右击项目，添加一个类，取名为AjaxEnabledControl.cs

步骤二：编码

引用相关的程序集以及添加对应的命名空间

System.Drawing.dll

System.Web.dll

System.Web.Extentions.dll

Microsoft.SharePoint.dll

using System.Drawing; using System.Web.UI; using System.Web.UI.WebControls; using Microsoft.SharePoint; using Microsoft.SharePoint.WebPartPages; /*继承 Microsoft.SharePoint.WebPartPages命名空间下的WebPart类 */public class AjaxEnabledControl : WebPart /*在类中定义需要使用到的web服务器端控件，笔者用到一个日历控件一个标签控件，您可以根据自己的需求定义，这里只为达到功能演示效果 */private Calendar myCalendar; private Label lblShowDate; /*写一个方法用于设置日历控件的样式（如果想写成用户控件，然后用QuickPart包装则不需要在后台代码中定义控件和控件的样式）*/ void SetCalendarStyle(Calendar myCalendar) { myCalendar.BackColor = Color.White; myCalendar.BorderColor = Color.FromName("#999999"); myCalendar.CellPadding = 4; myCalendar.DayNameFormat = DayNameFormat.Shortest; myCalendar.Font.Name = "Verdana"; myCalendar.Font.Size = FontUnit.Point(8); myCalendar.ForeColor = Color.Black; myCalendar.Height = Unit.Pixel(180); myCalendar.Width = Unit.Pixel(200); myCalendar.SelectedDayStyle.BackColor = Color.FromName("#666666"); myCalendar.SelectedDayStyle.Font.Bold = true; myCalendar.SelectedDayStyle.ForeColor = Color.White; myCalendar.TodayDayStyle.BackColor = Color.FromName("#CCCCCC"); myCalendar.TodayDayStyle.ForeColor = Color.Black; myCalendar.SelectorStyle.BackColor = Color.FromName("#CCCCCC"); myCalendar.WeekendDayStyle.BackColor = Color.FromName("#FFFFCC"); myCalendar.OtherMonthDayStyle.ForeColor = Color.FromName("#808080"); myCalendar.NextPrevStyle.VerticalAlign = VerticalAlign.Bottom; myCalendar.DayHeaderStyle.BackColor = Color.FromName("#CCCCCC"); myCalendar.DayHeaderStyle.Font.Bold = true; myCalendar.DayHeaderStyle.Font.Size = FontUnit.Point(7); myCalendar.TitleStyle.BackColor = Color.FromName("#999999"); myCalendar.TitleStyle.BorderColor = Color.Black; myCalendar.TitleStyle.Font.Bold = true; }

编写一个方法用于修改WSS3.0的脚本以确保正确的回发行为，因为对于JavaScript_doPostBack()提交更改的ASP.NET控件，可能会发生整个页面的回发事件，即使在该页面上有ScriptManager控件和UpdatePanel控件，Windows SharePoint Services 3.0 和 ASP.NET AJAX 会对某些表单操作进行缓存，这会导致 SharePoint 和 ASP.NET AJAX 之间发生冲突。若要更改此行为，则必须向 Windows SharePoint Services 3.0 中运行的脚本添加代码。

private void EnsurePanelFix() { if (this.Page.Form != null) { String fixupScript = @"_spBodyOnLoadFunctionNames.push(""_initFormActionAjax""); function _initFormActionAjax() { if (_spEscapedFormAction == document.forms[0].action) { document.forms[0]._initialAction = document.forms[0].action; } } var RestoreToOriginalFormActionCore = RestoreToOriginalFormAction; RestoreToOriginalFormAction = function() { if (_spOriginalFormAction != null) { RestoreToOriginalFormActionCore(); document.forms[0]._initialAction = document.forms[0].action; } }"; ScriptManager.RegisterStartupScript(this,typeof(AjaxEnabledControl), "UpdatePanelFixup",fixupScript, true); } } //添加单击日历时触发的事件 private void myCalendar_SelectionChanged(object sender, EventArgs args) { lblShowDate.Text = myCalendar.SelectedDate.ToString(); } //重写WebPart类的创建子控件方法 protected override void CreateChildControls() { base.CreateChildControls(); //修改wws3.0脚本更改doPostBack() 函数 //保证不会发生整个页面回发事件 EnsurePanelFix(); UpdatePanel myUpdatePanel = new UpdatePanel(); ScriptManager myScriptManager = new ScriptManager(); myCalendar = new Calendar(); SetCalendarStyle(myCalendar); lblShowDate = new Label(); //设置控件的属性 myCalendar.ID = "cldDateSelector"; lblShowDate.ID = "lblShowDate"; lblShowDate.Text = string.Empty; myScriptManager.ID = "scriptHandler"; myUpdatePanel.ID = "refleshScope"; myUpdatePanel.UpdateMode = UpdatePanelUpdateMode.Conditional; myUpdatePanel.ChildrenAsTriggers = true; //添加日历的事件处理 myCalendar.SelectionChanged += new EventHandler(myCalendar_SelectionChanged); //把日历控件和标签添加到UpdatePanel中 myUpdatePanel.ContentTemplateContainer.Controls.Add(myCalendar); myUpdatePanel.ContentTemplateContainer.Controls.Add(lblShowDate); //在页面上注册UpdatePanel和ScriptManager控件 this.Controls.Add(myScriptManager); this.Controls.Add(myUpdatePanel); }

步骤三：部署WebPart

这一部分内容，在笔者的自定义搜索Web部件一文中有详细说明，恳请读者自行参阅

最终效果如下图显示（单击日历上的某个日期时可以看到整个页面就下图区域部分刷新，浏览器下方是没有进度条显示的）：

文章来源：>>http://www.cnblogs.com/chendianhong/archive/2009/04/13/1435008.html