使用 SpFx 自定义现代页面

Posted

技术标签:

【中文标题】使用 SpFx 自定义现代页面【英文标题】:Customizing a modern page using SpFx 【发布时间】:2019-10-11 07:58:09 【问题描述】:

我想将经典网站转变为现代体验,并且我在经典列表表单上进行了以下自定义。

该页面包含两个 Webpart:

    XsltListViewWebPart 显示项目列表

    ContentEditorWebPart 获取一些摘要数据

问题:

用于替换列表默认呈现的 SPFx 扩展allitems.aspx 页面上工作(它不适用于包含 ListWebpart 的自定义页面)

我需要知道如何使 SPFx 扩展在 ListWebpart 上工作。 或者,如果可以在我的 allitems.apx 页面中添加客户端 Web 部件。

【问题讨论】:

【参考方案1】:

我们目前无法“编辑”OOB 新式列表视图。

当您将列表视图添加到新式页面时,您可以将 react-script-editor 部署到您的租户,以便您可以将此 Web 部件添加到新式页面,其工作方式类似于经典视图中的脚本编辑器 Web 部件。

【讨论】:

以上是关于使用 SpFx 自定义现代页面的主要内容,如果未能解决你的问题,请参考以下文章

SPFx Web 部件的 CSS 适用于它但不适用于页面的其余部分?

使用自定义过滤器按钮过滤列表,在第一次点击时有效,但随后的点击效果不佳! SPFX

SharePoint现代页面自定义

如何在单个 spfx 解决方案中创建两个 webpart?

在 SharePoint 框架 (SPFX) / Angular 中使用 ag-Grid - 样式失败

Datatables.net - 自定义时导出到 Excel 显示错误