问题标签 [spfx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
35 浏览

typescript - 测试列表中特定字段的存在

我正在尝试验证列表是否具有特定的字段列表,它会不断返回列表中的所有现有字段,我该如何使这些工作正常进行?有没有更好的方法来实现我正在尝试的东西?

0 投票
2 回答
1154 浏览

spfx - 如何使用 SPFx 从 SharePoint 中的所有页面中删除侧导航和顶部标题区域

我正在尝试从 SharePoint 中删除侧导航和顶部标题区域,但结果仅反映在主页上。

如何从所有页面中删除它?
有什么方法可以在不使用旧的 css 技术的情况下使用 SPFx 扩展来删除它

0 投票
1 回答
765 浏览

typescript - SPFx 使用 @pnp/sp 创建列表

我正在尝试使用@pnp/sp创建自定义列表,在我的例程中我需要检查列表是否存在,如果不存在,我将创建列表并添加其列。

下面的代码有时会起作用,猜想是因为sp.web.*方法是异步的,它会导致问题。

那么,1)检查特定列表,2)如果列表不存在则添加列表,3)将字段添加到列表中的正确方法是什么?

如果我尝试非常明确的方式(见下文)也没关系,它也会失败:

0 投票
1 回答
608 浏览

sharepoint - 在现代网站中添加 SPFx webpart 时的 Javascript

我试图弄清楚添加 WebPart 时如何修改 CSS。

想法是将添加的 Web 部件的背景跨越所有列,假设 Web 部件添加到 2 列页面的左列中。背景将跨越所有 CanvasZone 行。不仅仅是添加 Web 部件的列。

更新:
这是我在渲染方法中的代码。我正在使用 HelloWebPart 来做一些非常简单的事情

0 投票
2 回答
2783 浏览

typescript - 如何使用@PnP/SP 从列表中查询列表项和附件?

我正在使用 PNP SP 来查询列表项及其附件。如何编写当前函数的正确且简化的版本?

下面的函数有效,我从第一个查询中得到结果,它检索 ID、TITLE、LINK。但是我没有从第二个查询 Title、Link.URL、FileName、ServerRelativeUR 中得到任何结果——但是当我调试代码时,我可以看到第二个查询正在执行并返回值,但函数在完成第二个查询之前就离开了。如何让这个函数正确地查询这两个东西并将它们返回给调用者?

0 投票
1 回答
190 浏览

typescript - spfx 扩展无关 ApplicationCustomizerContext 类型 tsc 错误

我遇到了使用 TypesSript 处理 ApplicationCustomizerContext 类型的困难

1) 我创建了一个 spfx 应用程序定制器

2)我在应用程序定制器主ts文件中添加了:

3)并在其 onInit() 方法上添加:

TypeScript 编译器(2.4.2 版)出现错误:

错误 TS90010:类型“ApplicationCustomizerContext”不可分配给类型“ApplicationCustomizerContext”。存在具有此名称的两种不同类型,但它们不相关。

您是否偶然知道应该如何将导入定义为 typescript 没有抱怨?

附加信息:该项目是使用“@microsoft/generator-sharepoint 1.5.1

tsconfig.json 保持不变(最初生成)

0 投票
1 回答
69 浏览

rest - 反应休息呼叫赛车

我正在使用 SharePoint 框架处理 Web 部件,我的代码基本上是调用两种方法从 SharePoint Online 获取信息,当我在我的render()方法上调用这些方法时,我得到如下内容:

--- 渲染开始 ---

--- 渲染完成 ---

  • GetItems() => ID:1 标题:新办公室
  • GetItems() => ID:2 标题:中期评论
  • GetItems() => ID:3 标题:DevOps 培训
  • GetItems() => ID:4 标题:与我们合作!

    - GetAttachments() => ID:2文件名 :reviews.jpeg

    - GetAttachments() => ID:1 文件名:new-office.jpg

    - GetAttachments() => ID:3 文件名:devops.jpeg

    - GetAttachments() => ID:4文件名 :careers.png

我期待调用这些方法并将它们的结果返回给我,然后在我的自定义 HTML 渲染中使用它们,预期的结果将是这样的:

--- 渲染开始 ---

  • GetItems() => ID:1 标题:新办公室

    - GetAttachments() => ID:1 文件名:reviews.jpeg

  • GetItems() => ID:2 标题:中期评论

    - GetAttachments() => ID:2 文件名:new-office.jpg

  • GetItems() => ID:3 标题:DevOps 培训

    - GetAttachments() => ID:3 文件名:devops.jpeg

  • GetItems() => ID:4 标题:与我们合作!

    - GetAttachments() => ID:4文件名 :careers.png

--- 渲染完成 ---

// 使用自定义 HTML 中的返回结果进行渲染

现在代码“狂野”地运行,htmlAttachments 变量没有收到任何结果,并且渲染完全空白,我应该怎么做才能在渲染之前获得结果?

这是我的代码:

0 投票
1 回答
324 浏览

angularjs - 将 SPFx Web 部件添加到 SharePoint 经典页面会导致 PnP Widget Wrangler AngularJS 组件崩溃

我有一个带有脚本编辑器 Web 部件的 SharePoint 经典页面。在脚本编辑器 Web 部件中,我正在使用PnP Widget Wrangler向页面添加一个简单的 AngularJS 组件,如下所示:

脚本编辑器 Web 部件:

脚本.js:

只有页面上的 Widget Wrangle 组件,AngularJS 应用程序才能正确加载。但是,当我将基本的 Hello World SharePoint 框架 (SPFx) Web 部件(如本文所述)添加到页面时,由 PnP Widget Wrangler 初始化的 AngularJS 组件停止工作。我收到以下 AngularJS 错误:

0 投票
1 回答
748 浏览

angular - Angular 6 和 Sharepoint SPFX

只是想知道是否有人有任何示例或链接到在 Sharepoint SPFX 上运行 angular 6 应用程序的说明。

我已经为 Angular 5 遵循了这个示例,但是一旦我升级了 Angular 依赖项,它将无法工作

https://www.youtube.com/watch?v=_OgEqWtouuU

当我尝试添加 web 部件时,我在 SPFX 工作台上遇到的错误是

该代码可以位于此链接https://drive.google.com/file/d/1iF1Low1VYlK0RFYXf1KILZfcEuLnMIjx/view?usp=sharing

任何帮助是极大的赞赏。

谢谢达米安

0 投票
1 回答
603 浏览

reactjs - 如何将 SPFx 和 Reactjs 更改为 SPFx React-Redux?

我目前正在使用 SharePoint 框架 (SPFx) 开发应用程序,我需要使用 Redux。

它是关于控制产品的库存,当产品很少时有通知并且有产品购买批准。

我的应用程序或多或少具有以下外观:

主视图 通过点击通知的优先级,它会改变类别菜单和产品卡片,以如下方式显示自己:

优先查看 您拥有的功能是:

1.- 搜索是通过任何文本,如卡片的标题或描述 2.- 过滤器是动态的,根据产品类型 3.- 类别菜单根据卡片的类型而变化 4.- 卡片根据产品类型或选择的优先级进行更改 5.- 在屏幕上滚动时,加载更多卡片

我的问题是我无法用 React-Redux 重写 React JS 代码。

我最初只设法加载了所有组件,当他们单击优先级和其他同时涉及多个组件更改的事件时,我没有设法更改产品和类别菜单。

如果您可以通过一些代码来举例说明这些组件的交互如何来帮助我。

ProductsActions.ts

productsReducer.ts

productsContainer.ts

仪表板.tsx

但是 action 和 reducer 如何交互,以便在选择过滤器时过滤产品列表或在选择通知的优先级时更改类别菜单和产品列表