问题标签 [office-ui-fabric]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
898 浏览

ms-office - Office Fabric:在非模态面板外捕获点击

Office Fabric 具有“非模态”面板的概念: https ://developer.microsoft.com/en-us/fabric#/components/panel

非模态面板不会在面板的其余部分上显示阴影覆盖,并且非模态区域中的按钮将对悬停事件做出反应,但它们不会响应点击(在示例中也是如此)

如果不是这种情况,我不清楚非模态面板的目的。

有没有办法响应非模态外区域的点击?

0 投票
1 回答
4128 浏览

javascript - 清除下拉选择 office-ui-fabric react 组件

我在清除下拉列表中的选择时遇到问题。由于选项数量发生变化,我有时必须清除下拉列表的选择。如果新的选项长度小于前一个选项,则选择点超出范围会给出错误。

简单示例:(参见:[ https://developer.microsoft.com/en-us/fabric#Variants][1]

我唯一能想到的可能是控制 selectedKey,即将 selectedItem.key 设置为 null/undefined 以清除它,但我对那个解决方案没有任何运气..

0 投票
1 回答
324 浏览

javascript - 返回一个接口数组或扩展接口

不确定标题是否正确地类似于我的问题,但我愿意接受建议。

我有以下方法,它返回 IListItem 数组或扩展该接口的其他接口数组。

接口在这里:

TSX 组件的消费者方法是:

我粘贴在整个 TSX 下面仅供参考

问题是它总是返回列表项数组,因此反应组件只显示 IListItem 的列,而不显示其他接口的列

更新1:

尝试在 THEN 中进行强制转换将导致变量 myItems 出现重复警告。

在此处输入图像描述

0 投票
0 回答
517 浏览

javascript - Office UI Fabric JS DropDown 在 IE11 中不起作用

我有一个带有两个下拉菜单的 SharePoint 加载项:

然后通过以下方式初始化:

并且所有其他浏览器都可以工作,但 IE11 永远不会加载并抛出该错误:

0 投票
2 回答
3356 浏览

office-ui-fabric - Fabric UI 核心网格布局不起作用

我有一个非常简单的 HTML 页面,总之包括 Fabric UI CSS 文件,并且有一个正文(body.ms-Fabric)

但显示的是两行而不是预期的两列

我究竟做错了什么?

我是否缺少任何其他 CSS 包含或类?

谢谢

0 投票
1 回答
954 浏览

office365 - 在 Office UI Fabric 中导出到 Excel

默认情况下, Office UI Fabric List是否有导出到 Excel 的功能,我在官方文档中找不到。

0 投票
1 回答
3297 浏览

reactjs - Office-ui-fabric React JS 下拉选择索引


我在 React-JS 中使用 Office-ui-fabric。我正在处理一个下拉列表,下拉列表中的值发生了变化。我的问题是我无法手动控制选定索引。每次值更改时,都会处理最后选择的索引。即:
Dog
Cat
Horse(已选择)

我更改了数组:
Dog
Cat

现在没有任何选择,因为它试图寻址第 3 行。

我搜索了一些答案,但我得到的只是将行的“选定”值从 FALSE 更改为 TRUE。但是我没有,如果我添加它,它仍然不起作用

我的 optionsArray 是:

0 投票
0 回答
1049 浏览

styling - 左侧的 office-ui-fabric-react 样式组合框标签以及为什么需要 !important

我想在组合框的左侧添加标签。我也很好奇为什么我需要在样式中添加 !important 以使其覆盖 .root 样式。

上面仍然保留 .root 样式,并且没有将标签放在我想要的位置。

除非我添加 !important ,否则这是行不通的,我不想这样做。

谢谢你的帮助。

0 投票
1 回答
704 浏览

reactjs - Office UI Fabric 面板滚动到第一个输入

我对 Office UI Fabric 的面板(嗯,也是模态的)有疑问。我正在使用多个输入字段呈现它们,以为我的应用程序提供数据。由于字段的数量,控件使用滚动条呈现。向下滚动并在输入外部单击后,焦点被设置在容器面板中的第一个文本字段/下拉菜单上,这导致整个内容滚动到顶部。在输入外部单击时,有没有办法防止将焦点/滚动设置到第一个元素?

0 投票
1 回答
2209 浏览

reactjs - 覆盖 officeUI nav chevron 图标

在 office-ui 反应结构中,我如何超越 V 形图标 https://developer.microsoft.com/en-us/fabric#/components/nav

在文档中有这个接口

但我无法用我自己的图标覆盖它。我想用FolderHorizo​​ntalOpenFolderHorizo​​ntal图标替换现有的 chevron

}

在此处输入图像描述