我一直试图在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 Core版本:4.1.0
最佳答案
注释projectMenuItem函数中的itemType。这将解决溢出问题。
私人projectMenuItem(menuItem:SPTermStore.ISPTermObject,itemType:ContextualMenuItemType):IContextualMenuItem {return({键:menuItem.identity,名称:menuItem.name,// itemType:itemType,iconProps:{iconName:(menuItem.localCustomProperties.iconName!= undefined?menuItem.localCustomProperties.iconName:null)},href:menuItem.terms.length == 0?(menuItem.localCustomProperties [“ _ Sys_Nav_SimpleLinkUrl”]!= undefined?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,}); }
关于javascript - 如何使UI Fabric命令栏上下文菜单起作用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45310539/