如何在社区页面的弹出窗口中预览文件LWC Salesforce

Question

我一直坚持这些问题，并且不知道如何解决该问题，因此我知道标准库，例如“ navigationmixin”，用于文件预览无法在社区页面中正确工作，因此我

const docId = 'testcontdocid'
this[NavigationMixin.Navigate]({
  type: 'standard__namedPage',
  attributes: {
      pageName: 'filePreview'
  },
  state : {
      selectedRecordId: docId
  }
})

无论如何代码都无法正常工作。找到了一个解决方案，它可以在“ content -Distribution”对象中创建相应的记录，并且在ContentDistribution上的DistributionPublicurl字段自动填充。然后，我可以使用类似的东西：

this[NavigationMixin.Navigate]({
        type: 'standard__webPage',
        attributes: {
            url: DistributionPublicUrl
        }
    });

它可以完美地工作，但是在新的浏览器窗口中打开文件，而不是在弹出窗口中打开文件。有人知道如何解决吗？提前致谢。顺便说一下我使用LWC

Answer 1

这对我有用，并在社区中展示了预览，并在弹出窗口中所希望的：

        this[NavigationMixin.Navigate]({
            type: 'standard__namedPage',
            attributes: {
                pageName: 'filePreview'
            },
            state : {
                selectedRecordId: file.ContentDocumentId
            }
        })

Answer 2

它正在显示弹出

this[NavigationMixin.Navigate](
   {
        type: 'standard__recordPage',
        attributes: {
            recordId: recordId, // pass the record id here.
            actionName: 'edit',
        },
    });

Answer 3

在社区中，它将在新窗口中打开
中弹出的方法

`this[NavigationMixin.Navigate]({
    type: 'standard__webPage',
    attributes: {
        url: DistributionPublicUrl
    }
});`

对于此代码，我没有找到与内部salesforce org中显示的同一窗口 社区

 `this[NavigationMixin.Navigate]({
        type: 'standard__namedPage',
        attributes: {
            pageName: 'filePreview'
        },
        state : {
            selectedRecordId: file.ContentDocumentId
        }
    })`
this[NavigationMixin.Navigate]({
        type: 'standard__namedPage',
        attributes: {
            pageName: 'filePreview'
        },
        state : {
            selectedRecordId: file.ContentDocumentId
        }
    })

Answer 4

我在社区页面上遇到了类似的问题。而不是使用导航米克林，请尝试使用 Lightning-Modal 组件。

该组件有助于在同一窗口中生成弹出窗口。

参考：