问题标签 [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 回答
495 浏览

javascript - 第二次单击时 office-fabric-ui 中的上下文菜单问题

我们正在开发 Office UI Fabric JS 1.2.0。问题在于具有子菜单项的上下文菜单。当您打开二级菜单,然后单击菜单上的任意位置时,一级菜单正在关闭,二级菜单重新对齐到页面的左上角。我们在下一版本的面料中也找不到解决方案。

0 投票
1 回答
565 浏览

reactjs - Fabric React 的 List.Grid 组件的“items”的有效属性值

使用此 Office UI Fabric 的列表网格代码时:

并使用该类,例如:

我收到此错误:

类型 '"{this.state.items}"' 不可分配给类型 'any[]'。

List.Grid 的有效属性值是多少items

0 投票
1 回答
583 浏览

ms-office - Office Fabric:使用户能够重新选择 DetailsList 中的同一行

对于 DetailsLists,“onActiveItemChanged”不能很好地打开该项目的模式对话框,因为第二次单击同一行(关闭模型对话框后)将被忽略,因为 activeItem 没有更改。“onItemInvoke”也不是很好,因为它只响应双击。

有没有办法清除活动项目?

0 投票
0 回答
70 浏览

css - 当还有空间时不要隐藏项目

我正在尝试使用ng-office-ui-fabric的命令栏,这是一个代码

如果我们改变预览的宽度,我们可以看到项目很容易被隐藏is-hidden(我们可以看到添加了一个类),即使视觉上有很多空间。

有谁知道如何控制这个限制宽度以使物品不容易隐藏?

另一种选择是从不隐藏命令项,有人知道如何启用它吗?

否则,是否可以office-ui-fabricangularjs没有in 的情况下制作命令栏ng-office-ui-fabric

0 投票
1 回答
1298 浏览

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

我一直在尝试在 Office.js API Microsoft Word 应用程序中使用Office UI Fabric 的命令栏控件。

当应用程序显示在任务窗格的最大宽度时,在主栏中看到的按钮都会按预期工作。当我将任务窗格的大小重新调整为更小的宽度并且按钮移动到'...'(省略号)下拉列表中时,它们会停止工作。

我已经尝试将代码中按钮的副本显式添加到ms-CommandBar-overflowButton容器中,但它只会采用第一项的功能并为其他所有项复制它。我使用了Ui Fabric JS 文档页面中的代码,但我不确定为什么按钮在移动到上下文菜单时会停止工作。

Office UI Fabric 版本:1.2.0 Office UI Fabric Core 版本:4.1.0

0 投票
1 回答
483 浏览

reactjs - Sharepoint 框架项目中缺少 Office UI Fabric 类

我是 Sharepoint 框架的新手,但我使用了“yo @microsoft/sharepoint”命令来创建一个新的 React/SPFx 项目。但是,这样做似乎我无法访问OfficeUI Fabric 中可用的某些CSS 类。例如,如果我尝试创建典型的网格布局,ms-Grid-row 和 ms-Grid-col 类会按预期工作,但调整工具类不会(ms-sm6、ms-lg6)。其他织物类也可以正常工作,例如 ms-bgColor-neutralLight、ms-font-xl 和 ms-fontWeight-semibold ......所以部分样式正在通过。

如果我添加对指向 fabric.css 的 CDN 的 workbench.html 文件的链接引用,我会让这些类再次工作......但这不是解决方案,因为该文件只是一个临时文件构建,用于在编译时进行测试.

是否需要做其他事情才能将fabric.css(或fabric.min.css)包含在我的项目中?

0 投票
1 回答
9062 浏览

reactjs - 在办公室结构 UI 控件中单击按钮时验证表单字段

我的表单中有一个 TextField 和 PrimaryButton。

单击按钮时,我想验证文本字段。如果没有值,则在单击按钮时触发必填字段验证,并显示与 onGetErrorMessage 事件显示相同的消息。

我知道验证是触发 onBlur 事件,但我想在按钮单击时触发验证。

我该怎么做?

0 投票
2 回答
8069 浏览

reactjs - 更改 Office UI Fabric React 组件的颜色/主题?

我正在尝试在我的 Web 应用程序中使用Office UI Fabric React 组件。有没有办法改变组件的颜色或主题?例如,我尝试过这样的事情:

my-button是一个定义为红色背景颜色的 CSS 类。但实际上并没有改变什么。按钮背景颜色仍然是默认的#f4f4f4

是否有可能改变组件的颜色?

[更新]理想情况下,我想我想全局更改组件的主题,以便我的应用程序可以具有一致的外观和感觉。

谢谢!

0 投票
3 回答
6178 浏览

reactjs - 如何创建受控的 Fabric UI TextField 组件?

我一直在尝试以标准方式编写受控的 TextField 组件,就像在 React 文档中一样:

上面的代码是我一直在使用的,但它似乎并没有改变反应组件的状态,因为在相同的形式中,如果我更改受控复选框,它会将文本字段重置为空。如果我使用标准的 html 输入元素,它会按预期工作并且不会清除该字段。

我在这里做错了什么?TextField 的工作方式不应该与文本类型输入相同吗?

0 投票
1 回答
637 浏览

javascript - 如何将 office-ui-fabric-react 安装到现有的 MVC 项目中?

我们已经开始构建一个应用程序,并决定将其与 office-ui-fabric-react 集成。我知道如何使用 安装软件包npm ...,只是不知道在哪里安装NodeJs& gulp
我有一个名为 Relationize 的存储库,在该存储库中,我的 Api 和 Web 应用程序都有一个文件夹(这也是我的 package-lock.json 所在的位置)。
在这里,我不知道它是否应该在我的项目文件所在的根目录中,或者在我的 wwwroot 中(正如所说的它应该在你的根目录中)。但是当我运行所有 3 个命令时:npm i -S nodejsnpm install --global gulp-cli并最终npm --save install office-ui-fabric-react安装了 office 包。当我尝试在单独的 javascript 文件中添加一个组件来测试它是否有效时(只是从@Microsoft 复制了代码:

它给出了一个错误:

有没有人有关于如何在现有项目中实现它的可理解指南,或者有人想花一些时间帮助我实现它?

提前致谢!