将WebPart添加到发布页面布局

Question

我一直在尝试找到一种将Web部件添加到页面布局的方法。 每当我尝试通过SharePoint Designer中的菜单添加Web部件区域或Web部件时，都不会发生任何事情。 我选择的Web部件突出显示为蓝色，但没有任何反应。

我一直试图在运气为零的情况下在.aspx页面布局上添加.webpart代码。

<WebPartPages:WebPartZone>
    <ZoneTemplate>
        .webpart code in here! 
    </ZoneTemplate>
</WebPartPages:WebPartZone>

上面仅显示了Web部件区域，以及添加Web部件的功能，但未显示我的Web部件。

我尝试将代码放置在Zone Template和WebPartZone ，但是通常我只是将所有属性标签之间的所有内容显示为文本。

Answer 1

您无法添加代码以将Webpart嵌入页面中，您必须在设计器中打开页面布局并将Webpart放到该特定区域上-对此可能没有其他解决方法

问候阿琼

Answer 2

SharePoint未更新为支持创建代码段，以将WebPart添加到页面布局中，就像老式WebParts一样。

即使插入到页面布局.html文件中，也将在生成相应的.aspx文件时将其删除。

我们找到了一种不理想的解决方法，但可以起作用：

• 像通常在HTML中一样编辑页面布局
• 在要查看WebPart的地方添加一个WebPart区域
• 保存HTML并让SharePoint生成aspx文件
• 手动编辑aspx文件-不要使用SharePoint Designer，因为它将删除添加的内容-使用纯文本编辑器并从Webpart定义中插入代码（XML文件）
• 保存aspx，并在使用页面布局创建页面时，您的SPFx Webpart应该存在

请注意，对于WebParts参数，它存储为以HTML编码的JSON结构。 若要弄清楚如何在插入的WebPart中设置默认参数，请将其手动插入到常规页面中，并查看在aspx文件中生成了什么。 然后找到具有已编码JSON结构的长行，然后将其复制回您已编辑的aspx文件中。

最后，切勿编辑/保存页面布局HTML文件，因为它将简单地覆盖您的更改。 我会保留您编辑的aspx文件的副本，以防万一！

Answer 3

听起来您正在尝试将Visual Web部件与SharePoint Online一起使用，但是您不能这样做。 SharePoint Online的Web部件需要打包为解决方案的一部分。

要将解决方案部署到SharePoint Online，您需要：

1. 导航到解决方案库： https://<yourfarmsite>/catalogs/solutions/forms/allitems.aspx
2. 假设您使用正确的帐户登录并具有权限，这将带您到解决方案库，在此您可以上载和激活网站的自定义Web部件。
3. 单击Solutions菜单
4. 点击Upload Solution
5. 浏览到您的自定义.wsp文件，然后单击“ OK
6. Web部件上载后，可以激活它； 选择Web部件，然后单击Activate
7. 现在，自定义Web部件已在解决方案库中上载并激活，您可以编辑要将其添加到的网站页面，然后按照常规Web部件进行添加。