问题标签 [office-fabric]

我正在使用 Office UI Fabric ( https://developer.microsoft.com/en-us/fabric#/components/panel ) 中的 Panel 组件。面板分为页眉、内容和页脚，其中的内容总是可以滚动的，以防有太多行无法放入。我想做的是，在页眉中添加一些其他组件以使其在面板中具有粘性（在这种情况下是一个 Pivot，呈现一些选项卡）。

这通常可以通过使用onRenderHeaderPanel 的回调属性来实现。使用它时，我必须使用类重新渲染完整的标头以获得相同的外观，但另外注入我自己的组件。问题是，我不能简单地设置ms-Panel-header header为className属性，因为至少header不作为类选择器存在，而只是作为具有生成的 id 后缀（例如header-103）的范围版本，当 DOM 结构发生变化时会发生变化。因此，我需要访问这些生成的类。

我唯一能想到的就是存储对 Panel 组件实例的引用并_classNames在呈现我的自定义标题时使用内部属性。这是一段摘录（使用 TypeScript）：

这是解决这个问题的唯一方法还是有一些“官方”的方法来实现这个？我错过了什么吗？

我正在使用 FabricUI 中的 Pivot 组件，但我被卡住了，因为我有几个 PivotItem，并且每个 PivotItem 都有一个子组件，它在安装时与服务器通信。每次我更改枢轴项目时，都会卸载当前组件并安装一个新组件。

我怎样才能避免这种行为？是否可以隐藏非活动的枢轴项目而不是卸载它？

只有当用户按下按钮时，我才需要将 ErrorMessage 绑定到文本字段。在这有很好的例子如何使用errormessage但问题是我不知道如何在用户点击后附加errorMeesage

这是一个按钮的调用：

谢谢

我在 spfx Web 部件中使用 Office Fabric React，并且在每一行的 MarqueeSelection /DetailsList 中都有一个表示布尔值的复选框，单击时默认回调函数会写出以记录 isChecked 值是否为真/假。

如何正确连接我的组件，以便它在点击时正确更新行数据的值？

我一直无法重载绑定函数以传递标识符值来更新值。

组件输出为：

函数绑定为：this._onCheckboxChange = this._onCheckboxChange.bind(this);

回调函数是： private _onCheckboxChange(ev: React.FormEvent, isChecked: boolean): void { console.log( The option has been changed to ${isChecked}.); }

我一直无法重载绑定函数以传递标识符值来更新值。

我也尝试将它包装在一个跨度标签中并在点击时触发一个事件

理想情况下，最终结果应该更新数据数组中关联对象的“显示”值，以反映布尔值的变化。

我有一个带有数据的标注（office fabric ui）。当数据太多时，标注区域是可滚动的。但是，我希望在同一标注组件中的页脚/此数据下方的按钮始终可见。我试图为按钮添加“位置：绝对/固定”。它保持在原位，但可滚动部分中的数据“按下”按钮，即使它不可见。见图片。

在上面你可以看到“完成”按钮有一个绝对/固定的位置。它始终可见，但它会被标签显示出来，即使它是可滚动的。我希望它作为可滚动视图中的页脚并始终显示在那里，而不是在没有边距的下方。有关我想要实现的行为，请参见第二张图片。

试图用我的代码在我的沙箱中重新创建问题。不完全相同但相似： https ://codesandbox.io/s/6v7m7mk8vz?fontsize=14

我想在 Sharepoint Framework 的另一个 Web 部件中显示一个 Web 部件。

我正在使用 Sharepoint Framework 并创建了两个 webpart。其中一个获取有关用户的信息，另一个显示 GroupedList（office-ui fabric react）。到目前为止，我在 microsoft 文档中寻找答案，但我无法将 UserData 集成到 GroupedList

我在 React 中使用 Office Fabric 的下拉菜单。我有很多下拉菜单，我很乐意默认选择第一个元素，但我有一些我不想要这种行为。当我第一次单击下拉菜单时，当我在调试器中放置断点时，它onDropdownChange()会被调用。

我能够将事件跟踪到 Dropdown.base.js，在那里我看到了这段代码，如果没有选择任何元素，这似乎会强制关注第一个元素：

这是我的下拉渲染代码：

有没有办法解决这个问题？我看到其他人使用办公结构并且没有这种行为，例如带有“列选项”窗格的 VSO（这是我为自己的站点构建的），但我看不到我需要做什么，或者他们是否以某种方式自定义处理它。到目前为止，我唯一的想法是将空白条目作为选项，然后预先选择它。它不仅选择了第一个条目，而且当我第一次单击组合框的下拉列表时，它只选择了第一个选项并且不会弹出打开下拉列表。

在 Microsoft 的 Fabric UI 的Separator控件文档中，Separator 是一个简单的控件，用于分隔内容并允许在 Separator 内显示内容，同时允许一些自定义选项。

似乎没有办法改变实际分隔线的颜色。我需要这样做，因为我的应用程序的背景颜色与分隔线的颜色几乎完全相同。

我已经尝试了文档中所有可能的样式解决方案。我尝试在styles.root属性上设置颜色、边框颜色、轮廓颜色等。我已经玩过这semanticColors部分theme财产，到目前为止我什么也没想到。

在内部，该行似乎是在:before文本之前创建的，并且background-color决定了颜色。不过，我找不到改变这一点的方法。

有谁知道我该怎么做？

那么我需要从 Dom 中删除吗？如果是这样，我该怎么做？我可以控制 SharePoint 中的 SPFX 扩展。面板工作正常，道具和状态都很好。当我单击关闭时，面板关闭，但它不会丢弃对象 - 这意味着背景中的屏幕仍然是灰色的。

我使用了 react 开发者工具，并且经历了所有的状态，但我找不到这样的“从 DOM 中删除组件”的工具。我需要对象完全运行。

我在 Office Fabric UI 中使用 Pivot 组件，我需要为某些视图删除 PivotItem。有没有可能的方法？

等我需要在下面使用 isComposeMode() 删除“插入”枢轴