如何让UI Fabric Command Bar上下文菜单工作？

Question

我一直在尝试在Office.js API Microsoft Word应用程序中使用Office UI Fabric's Command Bar控件。

当应用程序以任务窗格的最大宽度显示时，主栏中显示的按钮均可按预期工作。当我将任务窗格重新调整为较小的宽度并且按钮移动到'...'（省略号）下拉列表时，它们将停止工作。

我已经尝试将代码中的按钮副本显式添加到ms-CommandBar-overflowButton容器中，但它只会获取第一个项目的功能，并将其复制到其他所有项目中。我使用了Ui Fabric JS documentation page中的代码，我不知道为什么按钮在移动到上下文菜单时停止工作。

Office UI Fabric版本：1.2.0 Office UI Fabric核心版本：4.1.0

Answer 1

在projectMenuItem函数中注释itemType。这样可以解决溢出问题。

私有projectMenuItem（menuItem：SPTermStore.ISPTermObject，itemType：ContextualMenuItemType）：IContextualMenuItem {return（{键：menuItem.identity，name：menuItem.name，// itemType：itemType，iconProps：{iconName：（menuItem.localCustomProperties。 iconName！=未定义？menuItem.localCustomProperties.iconName：null）}，href：menuItem.terms.length == 0？（menuItem.localCustomProperties [“ _ Sys_Nav_SimpleLinkUrl”]！=未定义？menuItem.localCustomProperties [“ _ Sys_Nav_SimpleLinkUrl”]：null） ：null，subMenuProps：menuItem.terms.length> 0？{项目：menuItem.terms.map（（i）=> {return（this.projectMenuItem（i，ContextualMenuItemType.Normal））;}）}：null，isSubMenu： itemType！= ContextualMenuItemType.Header，}）; }