TypeScript
关注
分享
扫一扫
文章平均质量分 71
计算机器
SharePoint/Office365解决方案架构师，十年SharePoint开发与支持经验，微软SharePoint方向MCP。SharePoint Framework/Power Platform爱好者，Azure开发。英文流利，两次带领团队参加微软ignite大会。
展开
-
TypeScript 错误 “Module '...index' has no default export”
错误信息备忘。这是因为sp-dialog模块没有声明任何的default导出对象。所以在import的时候，需要使用大括号，在里面指定导入的对象。如果不想加大括号，需要在定义类的时候使用default关键字：export default class ...解决办法有两个，一个补上大括号：另一个是使用*号导入所有： 这个问题涉及到ES6中的两个概念，一个是默认导入（d...原创 2018-07-16 11:09:19 · 21212 阅读 · 1 评论 -
如何配置SharePoint Framework web part （一）基础控件
在SharePoint服务器端webpart开发中，我们可以在webpart的属性编辑器中自定义webpart的属性，来配置webpart。在使用SharePoint Framework创建的客户端webpart中，一样可以方便的自定义webpart的属性编辑面板，添加新的属性来配置我们的webpart。在创建完成一个webpart项目之后，webpart属性编辑面板中会默认添加一个属性des...原创 2019-03-16 19:50:45 · 626 阅读 · 0 评论 -
SharePoint Framework 1.7 新功能（一）动态数据(Dynamic Data)
SharePoint Framework 1.7版本发布了，带来了很多新功能，新功能的简介请参见这里。这篇博客介绍其中的新功能：动态数据（Dynamic Data)。在SPFx1.7版本之前，SPFx不同的组件之间通信会比较麻烦，动态数据的功能就是为了解决SPFx组件之间通信的问题。动态数据分为两个部分，一个是动态数据源，一个是数据接收者。动态数据源既可以是一个webpart也可以是一...原创 2019-03-05 13:20:19 · 663 阅读 · 0 评论 -
使用SharePoint Framework开发webpart的一些技巧汇总
1, 为你的webpart指定一个图标在创建一个webpart的时候，SPFx会使用一个默认图标，如下所示：这个图标是在manifest文件中 ，通过officeFabricIconFontName属性指定的，默认的值是“Page”，所以我们看到的是一个页面的图标。"preconfiguredEntries": [{ "groupId": "5c03119e-3074-4...原创 2019-03-01 16:02:00 · 2205 阅读 · 0 评论 -
定制化一个命令按钮
使用SPFx可以在列表或者文档库的命令栏中添加一个命令按钮，当点击这个按钮的时候，会执行自定义代码完成某些操作。例如：这是通过SPFx的命令集扩展功能实现的，在创建一个SPFx的命令集扩展项目之后，SPFx会默认添加两个示例按钮。比如下面的manifest.json文件，添加了两个默认的按钮：但是通过这种方法，只能添加简单的按钮，如果想添加一个例如下拉菜单样式按钮，点击按钮，出现下...原创 2019-01-24 17:44:40 · 330 阅读 · 3 评论 -
SharePoint Framework 1.7 新功能（三）快速开发Teams Tab选项卡
在SPFx 1.7的开发者预览功能里，提供了一个可以快速开发Teams Tab选项卡的方法。可以像开发SharePoint中的webpart一样，来开发Teams Tab选项卡。下面介绍一下这个新功能。首先使用Yeoman generator创建SPFx的项目，注意需要使用--plusbeta选项，指定使用开发者预览版本：yo @microsoft/sharepoint --plusbe...原创 2019-01-02 16:09:41 · 399 阅读 · 0 评论 -
在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 · 458 阅读 · 0 评论 -
SharePoint Framework 1.7 新功能（四）列表订阅
SharePoint Framework 1.7版本发布了，带来了很多新功能，新功能的简介请参见这里。这篇博客介绍其中的开发者预览版新功能：列表订阅（ListSubscriptions in browser)。开发者可以通过这个订阅的功能来监控某个文档库的更新，如果订阅的文档库有更新，会执行订阅时指定的回调函数。下面来看代码如何实现。首先使用Yeoman创建一个SPFx webpa...原创 2018-11-29 23:19:46 · 335 阅读 · 0 评论 -
在SharePoint Framework中动态加载第三方的包，以及react组件
在使用SharePoint framework的时候，通常需要加载第三方的包，这些包在执行代码捆绑操作的时候，会一起打包到一个js文件中，使得最后生成的js文件巨大，在加载的时候会很慢，影响页面的性能，这里介绍如何动态加载第三方的包，仅在需要的时候加载。首先创建SPFx项目，配置如下：创建完成之后，使用VS Code打开，在termimal中执行gulp bundle命令进行捆绑，结束...原创 2018-11-30 09:33:54 · 537 阅读 · 0 评论 -
使用validateUpdateListItem方法更新field的值
如果使用pnpjs更新一个item的某个或者某几个field的值，通常使用update方法，具体使用方式可以参见使用pnp添加或者更新一个field的值这篇博客。这里介绍的是另一种方法“validateUpdateListItem”，使用这个方法可以免去构造一些对象的麻烦，如果更新失败，还会返回具体的错误信息。基本使用方法：const list = sp.web.lists.getByT...原创 2018-10-16 10:55:43 · 608 阅读 · 0 评论 -
如何配置SharePoint Framework web part （二）生命周期和事件
属性编辑面板的更新有两种模式，一种是响应式的，这是默认的模式，即当你修改属性值的时候，立即更新属性，并根据值属性重新渲染webpart。第二种是非响应式的，如果指定非响应式模式，会在属性编辑面板下方自动添加一个Apply按钮，修改属性之后，需要点击这个按钮，才会修改属性值。这个模式是通过disableReactivePropertyChanges这个属性控制的，默认返回值是false，也就是响...原创 2019-03-18 09:41:36 · 345 阅读 · 0 评论