问题标签 [office-fabric]

我尝试将 Microsoft 的 Office UI Fabric 框架添加到我的 React-Native 项目中。但是，无论何时执行此操作，我都无法再通过 Android Studio 运行我的模拟器。React-Native 不支持 Fabric 吗？

通过 Powershell 安装 Fabric： npm install office-ui-fabric-react --save

通过 Powershell 启动 Android 模拟器： react-native run-android

收到错误信息：Command 'run-android' unrecognized. Make sure that you have run 'npm install' and that you are inside a react-native project.

如果我卸载 Fabric，run-android将按预期工作。我在 Web 应用程序项目中使用 Fabric 没有任何问题。

我创建了两个反应类。其中之一 - 子类名称 - ChildView，将数据绑定到下拉办公室结构组件中，我在 ParentView 类上使用

子视图，代码：

父视图，代码：

我的问题：

1）如何从 ParentView 类中的 ChildView selectedKey 返回。？我在文档中阅读，有'componentRef'。所以我在 ParentView 中更新了我的代码：

我不知道接下来会发生什么。

在 detailsList（Office 结构组件）中，注释按行显示（CheckOut the Screen）。每行都有“...更多”链接。当第一次点击链接（...更多）时，这会在 textArea 中展开文本。同样，如果我单击同一个链接，它应该会崩溃。像开/关。但是，对于 DetailsList 中的同一行不会发生折叠。但是，如果我单击另一行中的“...更多”链接，则会发生崩溃。

此外，虽然调试器来到

但它仍然没有进入_approvercolumns()。为什么？我是否缺少任何财产。我确信状态和道具正在发生变化。

注意：我正在正确获取行 idx。我已删除该代码以使代码更短。

为了清楚起见，下面是简短的代码。

解决方案：-

我添加了另一个州

我创建了一个 app form office ui fabric 组件。Fabric 组件“Persona”被渲染。但我无法渲染 List 组件。我附上下面的代码。

我收到此错误消息：

当我删除import './List.Ghosting.Example.scss';我的组件时，当然会呈现没有样式。

我的问题是：如果指定导入，这些样式如何由 webpack 呈现，是否import './List.Ghosting.Example.scss';需要任何额外的配置？

我正在使用带有 Office Fabric 的枢轴控件。它是标准的 JS 库，而不是 React/Angular 库。如何使用 JS/JQuery 选择选项卡？

我在页面加载时调用 API，并且取决于我想要显示第一个选项卡或第三个选项卡的结果。

https://dev.office.com/fabric-js/Components/Pivot/Pivot.html

我正在 React 应用程序中制作 Office Fabric 面板，用作创建、更新和删除实体的表单。问题是在删除面板上，我希望主按钮为红色，而不是 Fabric 的标准蓝色。

如果可能的话，我相信这很容易，但是由于我对 HTML/CSS/JS 没有经验，我不知道该怎么做，并且想要一个使用内联 CSS 的解决方案。我想它看起来像这样：

MS的文档对我帮助不大，我不知道要导入什么。而我的好朋友谷歌这次没有做到这一点。我找到了一些接近的答案，但一个是用于覆盖所有组件的主题，另一个没有说明要导入什么（我想这对我来说是缺失的部分）。

我们真的需要知道使用 React 库开发 Office Fabric ui 应用程序的打字稿吗？官网中为office fabric react提供的示例总是处理typescript。

我正在为 Word Online 开发一个简单的加载项（使用Visual C# \ Office/Sharepoint \ Web Add-ins \ Word Add-inVisual Studio 中的模板创建），并且需要显示一个简单的输入表单。

外接程序 Web 内容基于C# MVC web application（替换默认 Web 项目，通过Web Project外接程序项目上的属性关联）。

为此，我希望使用它Office Fabric UI来确保我的用户看起来熟悉这种风格。在将 MVC 项目与加载项项目关联时，它也会自动添加，虽然引用了旧版本的 Fabric UI nuGet 包，但我已更新到最新版本 2.6.3。

我需要使用常规输入，例如textboxes,textareas和comboboxes.

我在官方网站上看到了有关如何执行此操作的示例，但所有这些组件都需要reactjs。

我对 and 的经验为零reactjs，angularjs并且习惯于自己编写 html 标记（使用 @Html razor-helpers 等）。但是对于 Fabric UI 组件，我似乎找不到任何关于如何在任何地方手动执行此操作的示例。

所以......我该怎么做才能在我的 中使用这些组件C# MVC application？

I am trying to style a VirtualizedComboBox being used in a SPFX web part. The problem is that if I use the combo box classes (ie. .ms-ComboBox-Input) as selectors within the web parts module.scss they get rendered out with the unique ID appended to them (ie. .ms-ComboBox-Input_4d3ebf8a), but the VirtualizedComboBox component does not append the ID to the classes it uses.

According to the MS docs nesting selectors in the scss should not append the ID to the nested selector, but that is not proving to be the case. When I nest it comes out as ".formGroup_4d3ebf8a .ms-ComboBox-Input_4d3ebf8a", when I need ".formGroup_4d3ebf8a .ms-ComboBox-Input". Any ideas?

我在文档库（不是 Web 部件）中创建了上下文菜单按钮，该按钮使用“office-ui-fabric-react”库显示一些信息。

问题是当我打开我的 SharePoint Online 页面并加载我的扩展时，我会收到数百万条控制台警告。

我试图以这种方式禁用它：

它没有帮助。我只需要三个图标。

在这种情况下我能做什么？

谢谢！