Crearte甘特图通过使用spfx获取sharepoint列表数据 [英] Crearte gantt chart by fetching sharepoint list data using spfx

问题描述

您好，

我正在尝试创建甘特图以显示SharePoint列表中的项目数据。我创建了静态的，但是使用的是reactJS而不是SPFX。

需要帮助 -  

1。如何在.ts文件中导入.js文件，以便使用现有的reactJS代码我可以实现web-part或

2。如何为甘特图创建SPFX网页部件

提前致谢。

解决方案

引用现有JavaScript的最常用方式SharePoint Framework客户端Web部件中的库是将它们作为包安装在项目中。
利用SharePoint Framework客户端Web部件中现有库的另一种方法是将它们作为外部资源引用。

关于如何在SharePoint Framework客户端Web部件中使用现有JavaScript库，请参阅以下文章。

https://docs.microsoft.com/en-us/sharepoint/dev/ spfx / web-parts / guidance / use-existing-javascript-libraries

这是一个SPFX演示，用于在甘特图视图中呈现SharePoint任务列表中的任务供您参考。

< p style ="margin-bottom：12.0pt; line-height：125％; background：white"> https://github.com/kmosti/spfx-gantt

最好的问候，

Linda Zhang

Hello,

I'm trying to create gantt chart to show project data from SharePoint list. I'v created static one but that is using reactJS and not with SPFX.

need help in - 

1. how to import .js file in .ts file, so that using existing reactJS code I can implement web-part or

2. How I can create SPFX web-part for gantt chart

Thanks in advance.

解决方案

Hi,

The most common way of referencing existing JavaScript libraries in SharePoint Framework client-side web parts is by installing them as a package in the project. Another approach to leveraging existing libraries in SharePoint Framework client-side web parts is by referencing them as external resources.

About how to use existing JavaScript libraries in SharePoint Framework client-side web parts, refer to the article below.

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/use-existing-javascript-libraries

Here is a SPFX demo to render the tasks from SharePoint task list in a gantt view for your reference.

https://github.com/kmosti/spfx-gantt

Best Regards,

Linda Zhang

这篇关于Crearte甘特图通过使用spfx获取sharepoint列表数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！