SharePoint2010和Silverlight整合问题

 SharePoint2010的承载程序有三种，1.javascript；2.Silverlight；3..NET.

我们来说说关于Silverlight和SharePoint2010整合的问题。

最近做了一个demo。在SharePoint网站的主页上显示一个Silverlight WebPart。如下图：

 

图中的图片是从SharePoint的图片库中读出来的。“数据表格”和图片都是连接，可以跳转到你指定的网址。下面我们来说说具体实现。

Silverlight程序是一个是在网上下载的。自己实在是懒得做了。呵呵

不过这个SilverLight程序是基于数据库的。跟SharePoint没有关系。我拿过来后做了下小小的改动。

主要是说一下我在弄这个demo，整合Silverlight和SharePoint的问题。

1.建一个Silverlight类库程序，这个程序在新建的时候.net Framework选择3.5。

把默认的Class1.cs删除。新建两个类文件。分别是BaseClientListProxy.cs、ClientOMProxy.cs。

引用两个微软提供的dll文件。

位于：C:/Program Files/Common Files/Microsoft Shared/Web Server Extensions/14/TEMPLATE/LAYOUTS/ClientBin

Microsoft.SharePoint.Client.Silverlight.dll和Microsoft.SharePoint.Client.Silverlight.Runtime.dll。

 

 

BaseClientListProxy.cs

public abstract class BaseClientListProxy<T> { protected string SiteURL { get; set; } public abstract void GetListItemsAsync(string listName, string queryXML, out T listItems); }

 

ClientOMProxy.cs

/// <summary> /// silverlight对象模型的操作 /// </summary> public class ClientOMProxy : BaseClientListProxy<ListItemCollection>, IDisposable { private ClientContext clientContext = null; public ListItemCollection listItems = null; public ClientOMProxy(string siteURL) { this.SiteURL = siteURL; clientContext = new ClientContext(this.SiteURL); } //成功执行的方法 public ClientRequestSucceededEventHandler successEventHandler = null; //失败执行的方法 public ClientRequestFailedEventHandler failEventHandler = null; /// <summary> /// 获取列表项 /// </summary> /// <param name="listName">列表名称</param> /// <param name="viewXML">查询xml</param> /// <param name="listItems">返回列表 项集合</param> public override void GetListItemsAsync(string listName, string viewXML, out ListItemCollection listItems) { clientContext.Load(clientContext.Web); List targetList = clientContext.Web.Lists.GetByTitle(listName); clientContext.Load(targetList); CamlQuery camlQuery = new CamlQuery(); camlQuery.ViewXml = viewXML; listItems = targetList.GetItems(camlQuery); clientContext.Load(listItems); clientContext.ExecuteQueryAsync(successEventHandler, failEventHandler); } /// <summary> /// 创建列表项 /// </summary> /// <param name="listName"></param> /// <param name="fieldValueDic"></param> /// <param name="onSuccess"></param> /// <param name="onFail"></param> public void CreateListItemAsync(string listName, Dictionary<string, object> fieldValueDic, ClientRequestSucceededEventHandler onSuccess, ClientRequestFailedEventHandler onFail) { clientContext.Load(clientContext.Web); List targetList = clientContext.Web.Lists.GetByTitle(listName); clientContext.Load(targetList); ListItemCreationInformation itemCreateInfo = new ListItemCreationInformation(); ListItem oListItem = targetList.AddItem(itemCreateInfo); foreach (KeyValuePair<string, object> pair in fieldValueDic) { oListItem[pair.Key] = pair.Value; } oListItem.Update(); clientContext.Load(oListItem); clientContext.ExecuteQueryAsync(onSuccess, onFail); } /// <summary> /// 修改列表项 /// </summary> /// <param name="listName"></param> /// <param name="item"></param> /// <param name="fieldValueDic"></param> /// <param name="onSuccess"></param> /// <param name="onFail"></param> public void UpdateListItemAsync(string listName, ListItem item, Dictionary<string, object> fieldValueDic, ClientRequestSucceededEventHandler onSuccess, ClientRequestFailedEventHandler onFail) { clientContext.Load(clientContext.Web); List targetList = clientContext.Web.Lists.GetByTitle(listName); clientContext.Load(targetList); ListItem oListItem = item; foreach (KeyValuePair<string, object> pair in fieldValueDic) { oListItem[pair.Key] = pair.Value; } oListItem.Update(); clientContext.Load(oListItem); clientContext.ExecuteQueryAsync(onSuccess, onFail); } public void Dispose() { if (null != clientContext) clientContext.Dispose(); } }

 

读取SharePoint列表的通用类、封装起来方便。不多做解释，我想大家都明白。不明白看注释哈。

 

 

下面是MainPage.xaml.cs代码

private ClientOMProxy clientProxy = null; private string targetListName = null; private ListItemCollection targetEventItems = null; public Page() { InitializeComponent(); #region 获取图片库 this.targetListName = "SLImage"; string currentPageURL = "http://win-eoqmo92vrk4:9001/sites/Sl"; string viewXML = @""; clientProxy = new ClientOMProxy(currentPageURL); clientProxy.successEventHandler += new ClientRequestSucceededEventHandler(OnRequestSucceeded); clientProxy.failEventHandler += new ClientRequestFailedEventHandler(OnRequestFailed); clientProxy.GetListItemsAsync(targetListName, viewXML, out targetEventItems); #endregion } private void OnRequestSucceeded(Object sender, ClientRequestSucceededEventArgs args) { Dispatcher.BeginInvoke(Service_GetShowcaseItemsCompleted); clientProxy.Dispose(); } private void OnRequestFailed(Object sender, ClientRequestFailedEventArgs args) { clientProxy.Dispose(); } public string IsUrl(string url){ string reg = @"^(http(s)?:)?(www/.)?[/w-]+(/./w{2,4})?/./w{2,4}?(//)?$"; Regex r = new Regex(reg); //给网址去所有空格 string urlStr = url.Trim(); Match m = r.Match(urlStr); //判断是否带http:// if (!m.Success) return "No"; //给不带http://开头的加上 urlStr = urlStr.Replace("http://", ""); urlStr = urlStr.Insert(0, "http://"); return urlStr; } private void Service_GetShowcaseItemsCompleted() { List<ShowcaseItem> sList = new List<ShowcaseItem>(); ShowcaseItem sitem = null; foreach (ListItem item in targetEventItems) { sitem = new ShowcaseItem(); if (item["Title"] != null) sitem.Title = item["Title"].ToString(); sitem.ImageUri = new Uri("http://win-eoqmo92vrk4:9001/sites/Sl/SLImage/" + item["FileLeafRef"].ToString()); sitem.Id = Convert.ToInt32(item["Identity"]); if (item["Description"] != null) sitem.Description = item["Description"].ToString(); if(item["ImageCreateDate"]!=null) sitem.DateAdded = Convert.ToDateTime(item["ImageCreateDate"].ToString()); sitem.CreatedBy = ""; if (item["NavigateUri"] != null) { string url = IsUrl(item["NavigateUri"].ToString()); if (url != "No") { sitem.NavigateUri = new Uri(url); sitem.ThumbnailUri = new Uri(url); } } sitem.Views = 0; sList.Add(sitem); } // List<ShowcaseItem> sList = GetShowcaseItems(); this.m_startingPosition = 0; this.m_targetPosition = this.m_startingPosition; this.m_centerIndex = this.m_startingPosition; this.m_currentIdx = this.m_startingPosition; for (int i = 0; i < sList.Count; i++) { ShowcaseItem item2 = sList[i]; CarouselItem item = new CarouselItem { ItemTitle = item2.Title, ItemDescription = item2.Description, ImageUri = item2.ImageUri, ClickUri = item2.NavigateUri, Index = i, Visibility = Visibility.Collapsed }; this.CarouselContainer.Children.Add(item); this.PositionItem(item, i, true); this.m_items.Add(item); UriRequestWrapper wrapper2 = new UriRequestWrapper(); UriRequestWrapper wrapper = wrapper2; wrapper.Uri = new Uri(HtmlPage.Document.DocumentUri, item.ImageUri); wrapper.Index = i; this.m_processStack.Push(wrapper); } this.ItemController.TotalItems = this.m_items.Count; this.ItemController.Index = this.m_startingPosition; this.ItemController.OnSelectedIndexChanged += new EventHandler<SelectedIndexChangedArgs>(this.ItemController_OnSelectedIndexChanged); this.LoadResources(); }

为图片库的字段写的实体类ShowcaseItem.cs

public class ShowcaseItem { /// <summary> /// 创建人 /// </summary> public string CreatedBy { get; set; } /// <summary> /// 创建时间 /// </summary> public DateTime DateAdded { get; set; } /// <summary> /// 描述 /// </summary> public string Description { get; set; } /// <summary> /// ID /// </summary> public int Id { get; set; } /// <summary> /// 图片路径 /// </summary> public Uri ImageUri { get; set; } /// <summary> /// 导航路径 /// </summary> public Uri NavigateUri { get; set; } /// <summary> /// 缩略图 /// </summary> public Uri ThumbnailUri { get; set; } /// <summary> /// 标题 /// </summary> public string Title { get; set; } /// <summary> /// 视图 /// </summary> public int Views { get; set; } }

下面在同一个解决方案中添加一个SharePoint2010→空SharePoint项目→SLNavModel。

然后在新建的SLNavModel项目右键添加模块SLModel

然后在SLModel右键  属性。

 

 点击项目输出引用

1.点添加，2.部署类型选择 ElementFile。3.选择您创建的Silverlight项目，点确定。

重新生成  ，SLNavModel邮件→部署。

然后打开你的SharePoint站点

 

点击页面的添加web部件。

 

 

 

点添加会让你输入xap包的URL。这个时候你打开项目。找到你建的模块下的Element.xml

里面会有
  <File Path="SLModel/MsShowCase.xap" Url="SLModel/MsShowCase.xap" />

 

输入SLModel/MsShowCase.xap就OK了。

 

欣赏下吧。

 

 

 

Demo的源代码位于：

 SL导航Demo下载