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

reactjs - Reactjs-当一个下拉菜单改变时重置下拉菜单

概述:

我有 3 个用于过滤数据的下拉列表:

我的要求是每当用户更改任何下拉列表时,将另一个下拉列表重置为第一个索引。

我可以使用 JQuery 实现此功能,但是是否可以通过反应而不在这些 udate 上调用 render()?

更新

MyDropdown 控制器(它使用办公室结构下拉菜单)

0 投票
1 回答
31 浏览

asp.net - 由 Facebook React 代码组成的节点模块可以在 ASP.NET Core 中工作吗?

ASP.NET 有一个名为 ReactJS.net 的 nuget 包,它能够运行 Facebook React v16+ 代码。

我想集成Office UI Fabric,但 react 包仅作为 NPM 包提供,我将在其中运行

是否可以获取此代码的内容并将其集成到 ASP.NET (MVC/Core) 中?

  • 我应该对 github 源“做点什么”并将其添加到我的代码中吗?(例如将必要的文件重命名为 jsx)
  • 我应该创建一个临时节点项目,安装包,然后手动复制数据吗?
  • 还有另一种我没有列出的方式(实用程序等)
0 投票
0 回答
811 浏览

reactjs - 根据 React 中的切换值设置文本字段的禁用/启用值

我正在从 Office Fabric 创建一个面板:

如果切换设置为 true,我想禁用文本字段。我的代码有效,我切换到 true 并且文本字段被禁用。

我遇到的问题是当我调用setState它时正在重绘面板,而我正在丢失用户对ChoiceGroup.

我想我可以改变我IChoiceGroupOption[]小组的价值观:

Checked 正在更改为 true 但ChoiceGroup仍在清除选择。

如何根据切换值启用/禁用文本字段?

0 投票
1 回答
133 浏览

jquery - Jquery在Office选择输入中追加

我有一个带有办公室 UI Fabric 类的 HTML Select:

它运行良好,但是当我尝试以添加新选项的方式实现此 Jquery 代码时,它不起作用:

如果我删除 Office 的类,(一个基本的 html 选择输入)它的工作!所以我认为问题来自办公室,但我不知道为什么。

有人知道吗?

0 投票
1 回答
2438 浏览

reactjs - 我们如何关闭 office react fabric 组件的错误消息栏?

我正在尝试在我的应用程序中使用 fabric react messageBar 组件,但即使我单击了 messageBar 组件中的关闭图标,我也无法关闭(关闭)消息部分。

请找到以下代码以供参考。

Office 结构将作为默认关闭功能,还是我需要关闭它?

如果我需要关闭它,请告诉我我们该怎么做?

提前致谢。

-长良州

0 投票
1 回答
201 浏览

reactjs - 从 UI Fabric React 详细信息列表连接不同页面中的两个 Web 部件

我是 SharePoint 的新手。我的一个页面中有一个 SharePoint UI Fabric 反应详细信息列表,并且我正在创建一个包含其他 Web 部件的不同页面。

考虑到第一页仅包含主要数据,当用户单击详细列表中任何行的第一列链接时,我需要打开包含所有其他详细信息的第二页。

但为此,我希望在第二页中提供一些数据,以便我可以查询并获取所需的数据。

  1. 你有没有做过类似的事情。
  2. 这样做的最佳方法是什么?
  3. 真的可以从链接传递查询字符串吗?

下面是我的第一页详细列表配置。

0 投票
1 回答
1604 浏览

javascript - Office Fabric UI React - 选择问题

我正在使用 Office UI Fabric React 组件,并且正在尝试进行选择。

我想要的是获取有关选择了哪一行 DetailsList 的信息。

这是我迄今为止尝试过的(请记住,我使用的是javascript,而不是打字稿)。

Selectin any row 实际上什么都不做。从 TS 转换为 JS 时,我可能会搞砸一些事情,因此非常感谢任何提示。提前谢谢了!

0 投票
1 回答
4920 浏览

reactjs - Office UI Fabric - 如何将 CSS 样式应用于现有组件

我正在使用提供的组件,每次我需要更改组件样式时,我都想知道正确的方法是什么。

假设我需要在禁用 IconButton 时更改它的背景颜色。 https://codepen.io/elsl/pen/KrQQdV

如果我提供一个主题,我应该如何知道该组件使用哪个调色板/语义颜色?

如果我提供 IButtonStyles,我怎么知道属性名称是“rootDisabled.backgroundColor”?

对于这两个选项,我不得不在 github 上深入研究组件的源代码以找出答案。

这是预期/正确的方式吗? 如果是这样,在创建主题或 IStyle 之间是理想/最佳实践吗?

0 投票
1 回答
995 浏览

office-ui-fabric - 您可以强制在 Office Fabric 中完整呈现列表吗?

我正在使用 Office Fabric 中的列表,特别是 DetailsList。在我的列表中,我有许多渲染起来非常昂贵的图像,以及一个相当大的行列表。不幸的是,这意味着当我向下滚动时,会出现巨大的延迟,因为页面正在重新渲染新图像(也令人沮丧,因为它会破坏以前的图像,如果我向上滚动,它同样会延迟)。

有没有办法强制渲染整个列表,以便在向上或向下滚动时不必重新渲染?只要实际滚动部分没有高延迟/不慢或不生涩,我不介意有很长的初始加载时间。

0 投票
1 回答
1032 浏览

reactjs - 如何将带有参数的回调函数从父组件传递给子组件?

我对 ReactJS 框架真的很陌生。我正在尝试将回调函数从父组件传递给子组件。

我试图传递的是一个回调函数(changeState)到一个子组件。子组件是一个fabric-ui按钮,点击按钮时会调用这个函数。

父代码:只有必要的代码

子代码

问题是当我执行上面的代码时甚至没有创建子组件。但是,当我不传递回调函数(changestate)时,会创建子组件。这与传递给子组件的参数 disabled 和 uniqueId 无关。我想说的是,如果我尝试在子节点界面中删除 changeState,则子组件会很好地创建,但是一旦我在界面中引入 changeState 并尝试从父组件传递它,子组件就永远不会显示在DOM。