问题标签 [office-ui-fabric]

谁能说出 Twitter（现在的 Google）Fabric（https://get.fabric.io/）和 Office UI Fabric（https://dev.office.com/fabric）之间的关系。

Office UI Fabric 是作为 Fabric.io 的扩展构建的，还是以完全独立的代码库而以名称结尾？

我有一个使用 typescript 和 office-ui-fabric 的反应项目。在简单教程中，结构 css 是从 CDN 加载的。

我想在我的 webpack 包中包含 css。最好的方法是什么？

从 node_modules 文件夹导入 css 工作。

还有其他更好的方法可以将 css 文件放入包中吗？

我正在处理 Word 2016 加载项项目，但在使用 Office UI Fabric 库时遇到了一些困难。

基本上我想给我的加载项官方 Office 外观和感觉，所以我认为 Office UI Fabric 将是最好的选择，结合 Fabric javascript 组件，如下拉菜单等。

我安装了这两个 NuGet 包：OfficeUIFabric 2.6.3和OfficeUIFabricJS 1.4.0，然后我通过使用这些 css 类向页面添加了一些组件：“ms-Dropdown”、“ms-ChoiceField”和一些图标类，例如“ ms-图标--设置”。

这些是我得到的（奇怪的）结果：

• OfficeUIFabric 和 OfficeUIFabricJS 提供同一个“fabric.components.css”文件的两个不同版本，因此最终结果取决于这两个包的安装顺序。

• 使用来自 OfficeUIFabric 2.6.3 的“fabric.components.css”，所有图标都丢失了，但 ChoiceField 的样式正确。

• 使用来自 OfficeUIFabricJS 1.4.0 的“fabric.components.css”，图标可见，但下拉按钮被绘制在矩形文本框外，并且 ChoicheField 的样式错误（标签换行，复选框是标准 HTML 控件）。

您对这些库有任何经验吗？我即将切换到更舒适的框架，例如 Bootstrap 或类似的...

我正在尝试解决如何在 Office UI Fabric React 中的 CommandBar 上使用内置搜索框组件

http://dev.office.com/fabric#/components/commandbar上的文档似乎没有涵盖它。

具体来说，我想知道如何输入搜索词并执行搜索

我使用 office-ui-fabric-react 库中的 DetailsList 组件：

如何设置检查值为'二的项目？

我是新手，我想知道这是否正常。如果我在 componentWillReceiveProps 方法中放置一个 console.log，它只会无限地记录信息。我if (this.props !== nextProps) {}在 console.log 正下方有一个检查，所以实际上什么都没有触发，但作为初学者，无限循环让我很担心。有人可以说明这是否正常吗？

我将从我的代码中提取一些重要的片段。

我正在为使用 office-ui-fabric-react 库构建的 SharePoint 创建自定义编辑表单。我最近在我的编辑表单中添加了一个人员选择器，并意识到查找列不会在正常的“获取”REST 调用中返回。似乎您必须为每个人员选择器进行选择和扩展。

我之前设置的 get 请求旨在通过自动调用列表名称和当前项目 ID 来尽可能地重复使用。在这一点上，我觉得我正在做一些艰难的事情，并想看看其他人是否有使用 React SharePoint 编辑表单中的人员选择器列的经验。

我当前设置列值的工作流程如下。

1. 编辑表单 componentDidMount 启动对所有当前列值的获取请求
2. 加载的值设置为状态
3. Edit 表单上的子组件将 this.state.loadedValues 作为 prop 值向下发送
4. 在子组件中，值设置为 this.props.value

目前看来，如果我想用当前值填充我的 React 组件，我必须首先对通常的列进行正常的“获取”REST 调用，然后进行单独的 REST 调用并为每个人选择器进行选择和展开我添加到我的表格中。有没有更好的方法来做到这一点？

这是我拥有的通用获取请求：

纵观文档，Office UI Fabric 网格似乎只是流动的，不像引导程序那样响应。任何人都可以确认或拒绝这一点吗？

办公室 ui 网格上的示例

我正在使用Office-Fabric-Ui及其对话框功能。

现在，uidialog有_overlay变量，单击此_overlay关闭uidialog，但我们不希望对话框在单击时关闭并尝试删除处理程序_overlay

我尝试了许多解决方案，其中一些解决方案仍然无法从覆盖元素中删除处理程序：

解决方案 1

解决方案 2

有人可以建议如何删除点击事件处理程序fabric.Overlay吗？

What would be the correct way to override the styling of the Office UI Fabric DetailsRow component?

I mean, this component does not expose anything like className in its props, so it does not seem to be possible to append any custom class names to the row's root element within an onRenderRow override, well, unless one fully re-writes the row rendering code.

Of course I could fall back to a dirty hack and use something like

in my own CSS file that is loaded after Office Fabric UI styles, but that does not look like a clean solution to me.