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

2020-07-14 13:15:48

字體：大中小

供稿：網(wǎng)友

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

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

Demo 1

第一個(gè)例子也很簡(jiǎn)單，點(diǎn)擊一個(gè)按鈕，顯示當(dāng)前系統(tǒng)時(shí)間。如何創(chuàng)建WebPart就不細(xì)說(shuō)了，不清楚的朋友可以參看《SharePoint 2007圖文開(kāi)發(fā)教程(3)---實(shí)現(xiàn)簡(jiǎ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)前時(shí)間:";
this._tablecell.Controls.Add(this.btn);
}
}
}

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

Demo 2

第二個(gè)例子我們來(lái)實(shí)現(xiàn)WebPart的聯(lián)動(dòng)控制，也就是說(shuō)通過(guò)一個(gè)WebPart來(lái)控制另外一個(gè)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("藍(lán)色");
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 "藍(lán)色":
instance.BackColor = Color.Blue;
break;
case "綠色":
instance.BackColor = Color.Green;
break;
case "紫色":
instance.BackColor = Color.Purple;
break;
default:
break;
}
}
}
}
}
}

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

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

選擇紅色：

選擇紫色：

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

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

上一篇：SharePoint 2007圖文開(kāi)發(fā)教程(5) 體驗(yàn)Event Handler

下一篇：SharePoint 2007圖文開(kāi)發(fā)教程(3) 實(shí)現(xiàn)簡(jiǎn)單的WebPart