我正在创建一个Outlook加载项并在React应用程序中使用OfficeJS API。在那里,我想为组合模式加载一组特定的功能,为读模式加载另一组功能。所以我的问题是,如何查看我目前在哪种模式?
在manifest.xml
文件中你应该有不同的ExtensionPoint
用于撰写和阅读视图如下...
<ExtensionPoint xsi:type="MessageReadCommandSurface">
</ExtensionPoint>
<ExtensionPoint xsi:type="MessageComposeCommandSurface">
</ExtensionPoint>
每个部分必须有Action
标签与ExecuteFunction
或ShowTaskpane
类型。如果你有ExecuteFunction
类型,你只需为read和compose surface指定不同的函数名,如下所示......
<ExtensionPoint xsi:type="MessageReadCommandSurface">
<Action xsi:type="ExecuteFunction">
<FunctionName>FunctionSpecificToReadView</FunctionName>
</Action>
</ExtensionPoint>
<ExtensionPoint xsi:type="MessageComposeCommandSurface">
<Action xsi:type="ExecuteFunction">
<FunctionName>FunctionSpecificToComposeView</FunctionName>
</Action>
</ExtensionPoint>
如果您有ShowTaskpane
类型,您将使用不同的文件名加载到框架内或添加一些参数如果您使用相同的文件如下...
<ExtensionPoint xsi:type="MessageReadCommandSurface">
<Action xsi:type="ShowTaskpane">
<SourceLocation resid="readTaskPaneUrl" />
</Action>
</ExtensionPoint>
<ExtensionPoint xsi:type="MessageComposeCommandSurface">
<Action xsi:type="ShowTaskpane">
<SourceLocation resid="composeTaskPaneUrl" />
</Action>
</ExtensionPoint>
...
<Resources>
<bt:Urls>
<bt:Url id="readTaskPaneUrl" DefaultValue="https://localhost:44300/read.html"/>
<bt:Url id="composeTaskPaneUrl" DefaultValue="https://localhost:44300/compose.html"/>
</bt:Urls>
</Resources>
在每个HTML页面中,您可以了解调用加载项的表面。
如果您不想为读取和撰写模式创建两个单独的登录页面,我通常会检查API以了解模式。
您可以检查displayReplyForm API,这是一个读模式API,所以如果这是未定义的,那么您处于撰写模式。
if (Office.context.mailbox.item.displayReplyForm != undefined) {
// read mode
} else {
// compose mode
}