SharePoint 2007圖文開發(fā)教程(4) 實現(xiàn)高級的WebPart

發(fā)布時間：2015-12-29 21:30:40 作者：GWPBrian

前面的文章中，我們編寫了一個非常簡單的WebPart，只是在網(wǎng)頁中輸出一段字符串。在實際的應(yīng)用中沒有什么作用。此文和大家分享如何開發(fā)高級的WebPart，為控件添加事件，實現(xiàn)有復(fù)合控件的WebPart等，使我們的WebPart更佳實用

前面的文章中，我們編寫了一個非常簡單的WebPart，只是在網(wǎng)頁中輸出一段字符串。在實際的應(yīng)用中沒有什么作用。此文和大家分享如何開發(fā)高級的WebPart，為控件添加事件，實現(xiàn)有復(fù)合控件的WebPart等，使我們的WebPart更佳實用。

如果大家有開發(fā)服務(wù)器控件的基礎(chǔ)，此文對你來說沒有什么難度。想了解相關(guān)內(nèi)容，參看我的《ASP.NET的服務(wù)器控件開發(fā)》系列。廢話不多說，直接進入今天的主題。

Demo 1

第一個例子也很簡單，點擊一個按鈕，顯示當(dāng)前系統(tǒng)時間。如何創(chuàng)建WebPart就不細說了，不清楚的朋友可以參看《SharePoint 2007圖文開發(fā)教程(3)---實現(xiàn)簡單的WebPart》。

直接看代碼：

C# Code復(fù)制內(nèi)容到剪貼板

using System;
using System.Runtime.InteropServices;
using System.Web.UI;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Xml.Serialization;
using Microsoft.SharePoint;
using Microsoft.SharePoint.WebControls;
using Microsoft.SharePoint.WebPartPages;
namespace GetNow
{
[Guid("0708695c-869c-4e8f-a6e9-cfcf148f404c")]
public class GetNow : System.Web.UI.WebControls.WebParts.WebPart, INamingContainer
{
private string _text;
private HtmlTableCell _tablecell = new HtmlTableCell();
private Label lb = new Label();
private Button btn = new Button();
[WebBrowsable(true), Personalizable(true)]
public string Text
{
get { return _text; }
set { _text = value; }
}
public GetNow()
{
this.btn.Click += new EventHandler(btn_Click);
this.ExportMode = WebPartExportMode.All;
}
/// <summary>
/// 重寫OnLoad
/// </summary>
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
if (this.Page.IsPostBack == true)
{
this.AddControls();
}
}
/// <summary>
/// 重寫CreateChildControls
/// </summary>
protected override void CreateChildControls()
{
this.Controls.Add(new LiteralControl("<table>" + "\n"));
this.Controls.Add(new LiteralControl(" <tr>" + "\n"));
this.Controls.Add(this._tablecell);
this.Controls.Add(new LiteralControl(" </tr>" + "\n"));
this.Controls.Add(new LiteralControl("</table>" + "\n"));
if (this.Page.IsPostBack == false)
{
this.AddControls();
}
}
/// <summary>
/// click處理函數(shù)
/// </summary>
void btn_Click(object sender, EventArgs e)
{
this._text = DateTime.Now.ToString();
this._tablecell.InnerHtml = "";
this.AddControls();
}
/// <summary>
/// 重寫Render
/// </summary>
protected override void Render(HtmlTextWriter writer)
{
base.Render(writer);
}
private void AddControls()
{
this.lb.ID = this.ID + "Label";
this.lb.Text = this._text;
this._tablecell.Controls.Add(this.lb);
this._tablecell.Controls.Add(new LiteralControl("<br>"));
this.btn.ID = this.ID + "Button";
this.btn.Text = "獲取當(dāng)前時間:";
this._tablecell.Controls.Add(this.btn);
}
}
}

按照上文的部署方法，將GetNow的WebPart添加到SharePoint網(wǎng)站中：測試一下，獲取時間成功！

Demo 2

第二個例子我們來實現(xiàn)WebPart的聯(lián)動控制，也就是說通過一個WebPart來控制另外一個WebPart。還是直接看代碼：

C# Code復(fù)制內(nèi)容到剪貼板

using System;
using System.Runtime.InteropServices;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Serialization;
using System.Collections;
using System.Drawing;
using Microsoft.SharePoint;
using Microsoft.SharePoint.WebControls;
using Microsoft.SharePoint.WebPartPages;
using GetNow;
namespace SetColor
{
[Guid("803617a2-9dc9-4eb8-b05c-3e064bc16642")]
public class SetColor : System.Web.UI.WebControls.WebParts.WebPart, IPostBackEventHandler
{
private IList _colorlist = new ArrayList();
private HtmlTableCell _TableCell = new HtmlTableCell();
public SetColor()
{
this.GetItems();
this.ExportMode = WebPartExportMode.All;
}
private void GetItems()
{
this._colorlist.Add("紅色");
this._colorlist.Add("黃色");
this._colorlist.Add("藍色");
this._colorlist.Add("綠色");
this._colorlist.Add("紫色");
}
private void AddRows()
{
for (int i = 0; i < _colorlist.Count; i++)
{
this._TableCell.Controls.Add(new LiteralControl("<table>" + "\n"));
this._TableCell.Controls.Add(new LiteralControl(" <tr>" + "\n"));
this._TableCell.Controls.Add(new LiteralControl(" <td style=\"cursor:hand\" onclick=\"" + this.Page.ClientScript.GetPostBackEventReference(this, this._colorlist[i].ToString()) + "\">" + this._colorlist[i].ToString() + "</td>" + "\n"));
this._TableCell.Controls.Add(new LiteralControl(" </tr>" + "\n"));
this._TableCell.Controls.Add(new LiteralControl("</table>" + "\n"));
}
}
protected override void CreateChildControls()
{
this.Controls.Add(new LiteralControl("<table>" + "\n"));
this.Controls.Add(new LiteralControl(" <tr>" + "\n"));
this.Controls.Add(this._TableCell);
this.Controls.Add(new LiteralControl(" </tr>" + "\n"));
this.Controls.Add(new LiteralControl("</table>" + "\n"));
if (this.Page.IsPostBack == false)
{
this.AddRows();
}
}
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
if (this.Page.IsPostBack == true)
{
this.AddRows();
}
}
protected override void Render(HtmlTextWriter writer)
{
base.Render(writer);
}
public void RaisePostBackEvent(string eventArgument)
{
for (int i = 0; i < WebPartManager.WebParts.Count; i++)
{
if (WebPartManager.WebParts[i].Title == "GetNow")
{
GetNow.GetNow instance = (GetNow.GetNow)WebPartManager.WebParts[i];
switch (eventArgument)
{
case "紅色":
instance.BackColor = Color.Red;
break;
case "黃色":
instance.BackColor = Color.Yellow;
break;
case "藍色":
instance.BackColor = Color.Blue;
break;
case "綠色":
instance.BackColor = Color.Green;
break;
case "紫色":
instance.BackColor = Color.Purple;
break;
default:
break;
}
}
}
}
}
}

代碼不是很難，創(chuàng)建一個WebPart，向其中添加一個List，提供用戶幾種顏色的選擇情況，然后通過用戶選擇的情況改變我們上面GetNow這個WebPart的背景顏色。

按照前面的方法加到SharePoint網(wǎng)站中：

選擇紅色：

選擇紫色：

ok。我們想要的效果已經(jīng)實現(xiàn)啦！

小結(jié)：上面只是自己拋磚引玉的小例子，希望對新手有幫助。對于WebPart的開發(fā)部分就介紹這些吧，望支持。有什么不得當(dāng)?shù)牡胤竭€望大家指教。根據(jù)自己的業(yè)務(wù)需要，大家可以開發(fā)出更實用的WebPart。還有建議大家多看看服務(wù)器控件開發(fā)的文章，會有幫助!