SharePoint Framework
文章平均质量分 88
这里介绍如何使用SharePoint Framework定制SharePoint Online。 视频教程:https://edu.csdn.net/course/detail/7243
计算机器
SharePoint/Office365解决方案架构师,十年SharePoint开发与支持经验,微软SharePoint方向MCP。SharePoint Framework/Power Platform爱好者,Azure开发。英文流利,两次带领团队参加微软ignite大会。
展开
-
用SharePoint Framework实现照片墙web part
使用yo @microsoft/sharepoint创建web part:使用如下命令安装masonry-layout以及类型定义:npm install --save masonry-layout @types/masonry-layout安装pnpjs,用来读取保存在SharePoint图片库中的图片: npm install --save @pnp/sp @pnp/o...原创 2019-06-14 00:49:51 · 485 阅读 · 0 评论 -
SharePoint Framework (SPFx) v1.8.2发布了
SharePoint Framework (SPFx) v1.8.2已经发布了,我们来看一下这个版本包含的内容:1,支持Nodejs 10!从1.8.2开始,正式支持Nodejs 10了。将来的版本会仍旧支持Nodejs 8,但是会在后面的某个版本中移除对Nodejs 8的支持。2, 项目减少了大概50-100MB的存储空间。使用Yeoman SharePoint Framework 生成...原创 2019-06-11 21:48:33 · 316 阅读 · 0 评论 -
使用Azure Pipeline实现SharePoint Framework web part 开发的持续集成和部署
Azure Pipelines是微软提供的一个用于代码持续集成以及部署的工具,可以利用它来实现SharePoint Framework代码的持续集成和部署。目前使用SharePoint Framework开发web part的步骤是:1,使用Yeoman创建webpart项目2,代码管理3,测试4,打包生成.sppkg文件5,将.sppkg文件上传到SharePoint A...原创 2019-04-18 11:10:57 · 869 阅读 · 0 评论 -
SharePoint Framework v1.8新功能:使用库组件(Library Component)在webpart间共享代码
SharePoint Framework 1.8版本中,在webpart和extension这两种组件之外,又添加了一个新的组件:库组件(Library Component)。库组件的作用是复用代码,将公用的代码提取出来,形成库组件,在其他组件例如webpart和extension中使用。下面看一下如何创建库组件并且在webpart中引用库中的代码。首先创建一个文件夹"spfx18libr...原创 2019-03-29 14:57:00 · 385 阅读 · 0 评论 -
SharePoint Framework (SPFx) v1.8发布了
SharePoint Framework (SPFx) v1.8发布了,来看一下1.8版本有什么新功能和变化。新功能支持开发Teams标签(SPFx development of Teams Tabs ) 支持应用页面(App Pages) 支持域隔离web part (Web parts in Isolated Domains) 文档库组件预览版 Library Component...原创 2019-03-26 09:40:24 · 294 阅读 · 0 评论 -
如何配置SharePoint Framework web part (三)自定义一个属性控件
如果SharePoint Framework提供的开箱即用的属性控件无法满足需要怎么办?这个时候我们可以自定义一个属性控件来满足自己的需要。下面通过自定义一个带有标签的文本框作为例子,看一下如何自定义属性控件:在webpart项目中创建一个文件夹以及四个文件如下:首先我们定义这个属性控件的属性,就是在“getPropertyPaneConfiguration”添加属性控件时,需要指...原创 2019-03-20 11:25:10 · 377 阅读 · 0 评论 -
如何配置SharePoint Framework web part (二)生命周期和事件
属性编辑面板的更新有两种模式,一种是响应式的,这是默认的模式,即当你修改属性值的时候,立即更新属性,并根据值属性重新渲染webpart。第二种是非响应式的,如果指定非响应式模式,会在属性编辑面板下方自动添加一个Apply按钮,修改属性之后,需要点击这个按钮,才会修改属性值。这个模式是通过disableReactivePropertyChanges这个属性控制的,默认返回值是false,也就是响...原创 2019-03-18 09:41:36 · 305 阅读 · 0 评论 -
如何配置SharePoint Framework web part (一)基础控件
在SharePoint服务器端webpart开发中,我们可以在webpart的属性编辑器中自定义webpart的属性,来配置webpart。在使用SharePoint Framework创建的客户端webpart中,一样可以方便的自定义webpart的属性编辑面板,添加新的属性来配置我们的webpart。在创建完成一个webpart项目之后,webpart属性编辑面板中会默认添加一个属性des...原创 2019-03-16 19:50:45 · 548 阅读 · 0 评论 -
使用SharePoint Framework开发webpart的一些技巧汇总
1, 为你的webpart指定一个图标在创建一个webpart的时候,SPFx会使用一个默认图标,如下所示:这个图标是在manifest文件中 ,通过officeFabricIconFontName属性指定的,默认的值是“Page”,所以我们看到的是一个页面的图标。"preconfiguredEntries": [{ "groupId": "5c03119e-3074-4...原创 2019-03-01 16:02:00 · 2025 阅读 · 0 评论 -
SharePoint Framework 1.7 新功能(一)动态数据(Dynamic Data)
SharePoint Framework 1.7版本发布了,带来了很多新功能,新功能的简介请参见这里。这篇博客介绍其中的新功能:动态数据(Dynamic Data)。在SPFx1.7版本之前,SPFx不同的组件之间通信会比较麻烦,动态数据的功能就是为了解决SPFx组件之间通信的问题。动态数据分为两个部分,一个是动态数据源,一个是数据接收者。动态数据源既可以是一个webpart也可以是一...原创 2019-03-05 13:20:19 · 591 阅读 · 0 评论 -
SharePoint Framework项目模板生成器的增强版本 “PnP generator” 简介
SharePoint Framework的yeoman项目模板生成器,是SharePoint Framework开发的主要工具。通过生成器可以自动创建不同的项目模板,方便项目的开发和部署。但是目前SPFx的yeoman模板生成器(以下简称SPFx generator)虽然已经是1.7.1的版本了,但还是有一些不方便的地方,例如:提供的前段框架较少。目前SPFx generator只提供了Rea...原创 2019-02-25 13:53:59 · 372 阅读 · 0 评论 -
定制化一个命令按钮
使用SPFx可以在列表或者文档库的命令栏中添加一个命令按钮,当点击这个按钮的时候,会执行自定义代码完成某些操作。例如:这是通过SPFx的命令集扩展功能实现的,在创建一个SPFx的命令集扩展项目之后,SPFx会默认添加两个示例按钮。比如下面的manifest.json文件,添加了两个默认的按钮:但是通过这种方法,只能添加简单的按钮,如果想添加一个例如下拉菜单样式按钮,点击按钮,出现下...原创 2019-01-24 17:44:40 · 296 阅读 · 3 评论 -
在SharePoint Framework中配置jest进行单元测试
首先使用Yeoman创建一个webpart项目如下:使用Code打开项目,查看package.json文件如下:{ "name": "spfx-jest", "version": "0.0.1", "private": true, "engines": { "node": ">=0.10.0" }, "scripts": { "build...原创 2019-01-04 15:39:32 · 403 阅读 · 0 评论 -
在SharePoint Framework中调用Graph
SharePoint Framework 1.4版本之后,提供了一个对象MSGraphClient,可以使用这个对象,在SharePoint Framework项目中方便地调用Graph API。这个对象在webpart和extension扩展中都可以使用。这里以webpart为例说明一下使用方法。首先使用Yeoman创建一个SharePoint Framework的webpart项目如下 (...原创 2018-12-08 01:09:15 · 478 阅读 · 0 评论 -
使用validateUpdateListItem方法更新field的值
如果使用pnpjs更新一个item的某个或者某几个field的值,通常使用update方法,具体使用方式可以参见使用pnp添加或者更新一个field的值这篇博客。这里介绍的是另一种方法“validateUpdateListItem”,使用这个方法可以免去构造一些对象的麻烦,如果更新失败,还会返回具体的错误信息。基本使用方法:const list = sp.web.lists.getByT...原创 2018-10-16 10:55:43 · 552 阅读 · 0 评论 -
使用SPFx一行代码实现Office 365文档库Modern UI中批量签出文档
Office 365中的文档库在经典UI (Classic UI)中是可以批量迁出文档的:但是当切换到现代UI(Modern UI)的时候,却无法批量迁出文档了,当选择多个文档时,在顶部命令栏和邮件菜单中都没有签出的选项。只能单个迁出:如果使用SPFx可以使用一行代码就在Modern UI中实现批量签出文档的功能。下面看看如何实现。开始之前需要配置SPFx开发环境然后使用Yeoman模板创建一个S...原创 2018-07-09 16:49:41 · 451 阅读 · 0 评论 -
(十)使用SPFx 页面扩展实现SharePoint Online页面定制化
上一篇博客(九)使用SP-Dialog自定义对话框中,我们使用sp-dialog组件自定义了对话框,这篇博客将使用SharePoint framework提供的页面扩展功能(Application Customizer)定制化SharePoint Online的页面,包括在页面顶端添加欢迎信息,在页面底部添加自定义信息,以及隐藏Office 365 SharePoint页面右上角的...原创 2018-04-08 21:37:36 · 1658 阅读 · 5 评论 -
(九)使用SP-Dialog自定义对话框
在上一篇博客(八)使用SPFx命令集扩展自定义列表操作中我们自定义了两个操作,并部署到SharePoint Online中。当我们点击按钮的时候,会弹出一个对话框: 这个对话框是使用SPFx提供的SP-Dialog实现的,SP-Dialog是微软提供的一个对话框组件,完全与SharePoint Online集成,在SPFx解决方案中(webpart和extension...原创 2018-03-28 22:01:25 · 841 阅读 · 4 评论 -
(八)使用SPFx命令集扩展自定义列表操作
在上一篇博客(七)创建一个字段并在SharePoint Online中使用中,我们创建了一个新的字段并部署在SharePoint Online中,本文将介绍如何使用SPFx提供的命令集扩展(CommandSet Extension)来自定义一个操作按钮,并将自定义的操作按钮添加到列表中。 首先还是使用Yeoman创建命令集扩展的解决方案: 在指定客户端组...原创 2018-03-28 20:15:04 · 622 阅读 · 0 评论 -
(七)创建一个字段并在SharePoint Online中使用
在上一篇博客(六)创建并调试SPFx字段扩展解决方案中我们使用Yeoman模板建立了一个SPFx字段扩展解决方案并且在SharePoint Online上演示了效果,这一篇博客将在此基础上创建一个新的字段,这个字段会对列表中的数字类型的字段求和。还是使用上一篇博客中的报销单这个列表,我希望添加一个自定义的栏,名称为”总计“,这个栏可以对报销单中的数字类型的栏求和并显示出来,如下所示...原创 2018-03-20 06:24:53 · 1010 阅读 · 0 评论 -
(六)创建并调试SPFx字段扩展解决方案
在上一篇博客(五)在webpart中实现SharePoint Online的增删查改(CRUD)操作中,我们在webpart里实现了与SharePoint Online的交互,这篇博客将使用SPFx提供的字段扩展(field Customizer)修改列表中某个字段的内容。 首先创建一个新的文件夹“spfx-field”,然后在这个文件夹中,使用Yeoman创建SPF...原创 2018-03-18 04:37:29 · 601 阅读 · 0 评论 -
(五)在webpart中实现SharePoint Online的增删查改(CRUD)操作
在上一篇博客(四)修改webpart并在SharePoint Online中调试中,我们在SharePoint Online在线工作台中使用”this.context.pageContext.web.title“获取到了当前站点的名称,下面将介绍如何实现增删查改操作。微软提供了一个library pnp-js-core,封装了REST API,可以使用这个库来与SharePoint...原创 2018-03-14 06:19:13 · 1190 阅读 · 1 评论 -
(四)修改webpart并在SharePoint Online中调试
在上一篇博客(三)运行并调试webpart中我们使用SharePoint Framework创建了一个简单的客户端webpart并且在本地运行调试这个webpart,这篇博客将在此基础上介绍如何修改webpart的UI以及如何在SharePoint Online上下文中调试。 我在webpart的属性编辑其中添加了一个下拉菜单,用来选择webpart的背景颜色,web...原创 2018-02-28 22:42:41 · 1034 阅读 · 0 评论 -
(三)运行并调试webpart
在上一篇博客(二)使用Yeoman创建SharePoint Framework(SPFx)项目中,我们创建了一个简单的HelloWorld webpart,下面我们在本地运行这个webpart,首先打开Powershell进入项目文件夹”firstwebpart“,在运行webpart之前,需要在本地安装一个开发者证书,以在本地环境使用https协议运行和调试webpart,使用如...原创 2018-02-28 03:14:26 · 947 阅读 · 0 评论 -
(二)使用Yeoman创建SharePoint Framework(SPFx)项目
这篇博客将介绍如何使用Yeoman快速创建SPFx项目,在此之前请参考上一篇博客”(一)配置SharePoint Framework(SPFx)本地开发环境“来配置本地开发环境。 Yeoman创建的SharePoint Framework(SPFx)项目有两种,一种是客户端webpart,一种是SPFx扩展(Extension)。客户端webpart顾名思义就是可以...原创 2018-02-25 00:47:31 · 1597 阅读 · 0 评论 -
(一)配置SharePoint Framework(SPFx)本地开发环境
使用SharePoint Framework (SPFx)首先需要做的就是配置开发环境。与以往的SharePoint on-premise开发不同,SharePoint Framework不需要配置SharePoint server, 但是需要一个Office 365的账户,用来访问SharePoint Online以及调试代码,如果还没有Office 365的账户你可以申请一年期...原创 2018-02-23 01:25:10 · 2069 阅读 · 0 评论 -
我为什么选择SharePoint Framework (SPFx)
SharePoint从诞生到现在已经十多年了,我是从2009年WSS 3.0和SharePoint 2007时代开始SharePoint研发的,到今天也要十年了。十年来经历了SharePoint的不断变迁,所做过的产品也不停地随之升级换代,从SharePoint 2007, SharePoint 2010, SharePoint 2013, SharePoint 2016一直到今天...原创 2018-02-23 00:00:27 · 1769 阅读 · 0 评论 -
申请一年期免费的Office 365企业版E3开发者账户
微软针对开发者提供一年期的免费企业版E3版本的Office 365,这篇博客将详细介绍申请流程。微软开发者账户页面申请地址:https://dev.office.com/devprogram。点击”JOIN NOW“,会出现一个表单,按照要求填写表单: 其中需要填写邮件,姓名,LinkedIn地址(可能是要做些背景调查),你所使用的技术和使用开发者版本的目标或者问题。...原创 2018-03-03 17:21:39 · 43399 阅读 · 0 评论 -
SharePoint Framework (SPFx) v1.6发布了
微软的SharePoint研发团队在9月5日的时候发布了SharePoint Framework 1.6版本,我们来看一下新版本有哪些新功能。(原文戳这里)1, WebAPI发布GA版本从1.4.1版本开始,WebAPI一直是beta版本,1.6版本终于发布GA版本了。需要注意的是:不要使用GraphHttpClient对象,这个对象很快会被移除。 使用MSGraphHttpClie...原创 2018-09-10 13:50:28 · 176 阅读 · 0 评论 -
SharePoint Framework (SPFx) v1.7发布了
微软在11月9日的时候发布了SharePoint Framework 1.7的版本,因为这个版本带来了很多新的功能,可以说这是SPFx有史以来最重要的一个发布版本。让我们看一下1.7版本的新的功能吧。发布版本的新功能:1,动态数据(Dynamic Data):使用动态数据,可以将SPFx的不同组件(webpart,扩展等)连接起来,并相互传递数据。相关文档请参见这里。代码示例参见这里。...原创 2018-11-14 10:25:15 · 344 阅读 · 0 评论