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

office-fabric - Fluent UI - 导入组件的最佳方式

我是新 Javascript 世界的初学者,想知道两者之间的区别

他们两个似乎都工作得很好。我正在使用 webpack 创建最终的 JS 文件。导入组件的推荐方式是什么?

0 投票
1 回答
32 浏览

reactjs - Fabric DetailsList 根据父行更改子行控件

我有一个详细信息列表,如下所示。

我的问题是关于Executed列,它呈现如下所示的切换。

渲染后显示如下。此 DetailsList 绑定到一个数组,如您所见, 项目 0project1project2的父级

在此处输入图像描述

我的问题是:当我更改父行上的Executed切换按钮时,应自动检查和禁用子行Executed 。简而言之,我想从父行切换按钮控制子行切换按钮行为。请帮忙。

0 投票
1 回答
523 浏览

fluent-ui - Fluent UI 中没有“X”的关闭按钮

我正在尝试使用 Fluent UI创建一个TeachingBubble 。我希望它有关闭按钮,标有“x”。我想要一个像这个例子中的关闭按钮:

在此处输入图像描述

使用 Fluent UI 如何在反应中做到这一点?

我当前的代码:

这就是我得到的:

关闭按钮存在,但没有“X”。我认为当“hasCloseButton”设置为true时默认添加“X”。

在此处输入图像描述

0 投票
1 回答
1181 浏览

reactjs - How to center button in Fluent UI Dialog component?

Dialog component in Fluent UI has DialogFooter. I want to place a button inside that footer and I want it to be in the center. How can that be achieved? I'm unable to move it from its default location.

Sample code (taken from [official docs][https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog#IDialogStyles], slightly modified). The most important part should be at the bottom of the code:

#xA;

That looks like this:

enter image description here

How can the button be moved to the center, where I draw the blue "circle"?

0 投票
1 回答
102 浏览

fluent-ui - 如何在 TeachingBubble FluentUI 组件中居中按钮?

我正在使用 Fluent UI 的TeachingBubble 组件。我希望它有一个按钮,应该居中。怎么可能呢?我无法从右下角移动它。

当前代码:

这输出:

在此处输入图像描述

应该在此代码中添加什么以使主按钮居中(在我标记的红十字处)?

0 投票
0 回答
26 浏览

fluent-ui - 如何将非按钮项目添加到命令栏?

可以将按钮以外的组件添加到Commandbar吗?我想将SearchBox添加到Commandbar。那可能吗?

0 投票
1 回答
305 浏览

reactjs - 没有为 FluentUIReact TextField 调用 onGetErrorMessage

我正在浏览 Fabric UI TextField 文档(https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield)。我使用以下两个处理程序尝试了几个 TextField 示例:-

  1. 改变
  2. onGetErrorMessage。

我用这两个处理程序(https://codepen.io/nishchay271095/pen/rNyPKYY?editors=1011)尝试了一些实验:-

案例 1. 当使用两个处理程序时,没有任何额外的 TextField 属性,两个处理程序(onChange 和 onGetErrorMessage)都会被调用。

情况 2。当使用具有“defaultValue”属性的两个处理程序时,两个处理程序(onChange 和 onGetErrorMessage)都会被调用。

案例 3. 当使用具有 TextField 的“值”属性的两个处理程序时,仅调用了 onChange() 处理程序。

现在,我有以下疑问:-

  1. 为什么在案例 3 中没有调用 onGetErrorMessage()?
  2. value 和 defaultValue 属性如何影响这两个处理程序(onChange 和 onGetErrorMessage)的行为?
0 投票
1 回答
64 浏览

office-js - 从 office ui fabric core 的下拉列表中获取/检索所选选项的值/数据属性

我正在使用 jquery 将选项列表添加到我的下拉列表中,我的选项看起来像这样

我想检索从下拉列表中选择的选项的“值”。

选定的选项和列表如下所示:

0 投票
1 回答
68 浏览

excel - office excel 加载项 sessionStorage 不能与 Desktop excel 一起使用

我使用 office.js 和 react-fabric UI 创建了 excel 插件。我想使用 sessionStorage 来保持登录用户信息以进行会话管理。在 office365 在线版本上,它按预期工作,但是当它带有本机桌面 excel sessionStorage.getItem(key) 返回 null 时。

基本上使用 sessionStorage 的意图是因为我们需要多个用户可以从同一浏览器上的不同选项卡登录到应用程序,并为尝试使用 sessionStorage 的多个用户管理会话。如果我使用 localStorage,那么所有浏览器选项卡都可以使用相同的用户信息,如果我们关闭选项卡并再次打开它,那么也会根据浏览器存储 API 显示相同的用户信息。

请帮助是否有任何方法可以解决此问题或 sessionStorage 的任何替代方法,我可以将用户信息保留到管理器用户会话或我们如何在桌面 excel 上启用 sessionStorage?

0 投票
1 回答
89 浏览

excel - excel插件 | 在清单加载时在桌面 excel 上显示错误

我使用 office.js 和 react-fabric UI 创建了 excel 插件。我已经创建了清单并使用命令进行了验证: npx --ignore-existing office-addin-manifest validate manifest.xml 它看起来不错,没有问题。当我在桌面 excel 中上传清单时,它在 excel 上显示以下错误。虽然它没有阻止任何插件功能,但它给用户留下了错误的印象。PFA SS 错误: “加载加载项时出错” 错误

单击功能区按钮时,它按预期工作,但在 excel 底部,它在清单加载时显示错误。

PSB 是我的清单文件,请帮助确定此错误的原因,因为我们需要向我们的客户发布应用程序,但由于此错误,它导致我们发布的阻塞。