首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何让UI Fabric命令栏上下文菜单工作?

如何让UI Fabric命令栏上下文菜单工作?
EN

Stack Overflow用户
提问于 2017-07-26 01:58:37
回答 1查看 1.3K关注 0票数 0

我一直在尝试使用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

EN

回答 1

Stack Overflow用户

发布于 2018-07-24 04:04:45

注释projectMenuItem函数中的itemType。这将修复溢出问题。

私有projectMenuItem(menuItem: SPTermStore.ISPTermObject,itemType: ContextualMenuItemType):IContextualMenuItem { return({ key: menuItem.identity,name: menuItem.name,//项类型: itemType,iconProps:{ iconName:(menuItem.localCustomProperties.iconName !=未定义?menuItem.localCustomProperties.iconName :空)},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,});}

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45310539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档