问题标签 [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.
reactjs - Reactjs-当一个下拉菜单改变时重置下拉菜单
概述:
我有 3 个用于过滤数据的下拉列表:
我的要求是每当用户更改任何下拉列表时,将另一个下拉列表重置为第一个索引。
我可以使用 JQuery 实现此功能,但是是否可以通过反应而不在这些 udate 上调用 render()?
更新
MyDropdown 控制器(它使用办公室结构下拉菜单)
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)
- 我应该创建一个临时节点项目,安装包,然后手动复制数据吗?
- 还有另一种我没有列出的方式(实用程序等)
reactjs - 根据 React 中的切换值设置文本字段的禁用/启用值
我正在从 Office Fabric 创建一个面板:
如果切换设置为 true,我想禁用文本字段。我的代码有效,我切换到 true 并且文本字段被禁用。
我遇到的问题是当我调用setState
它时正在重绘面板,而我正在丢失用户对ChoiceGroup
.
我想我可以改变我IChoiceGroupOption[]
小组的价值观:
Checked 正在更改为 true 但ChoiceGroup
仍在清除选择。
如何根据切换值启用/禁用文本字段?
jquery - Jquery在Office选择输入中追加
我有一个带有办公室 UI Fabric 类的 HTML Select:
它运行良好,但是当我尝试以添加新选项的方式实现此 Jquery 代码时,它不起作用:
如果我删除 Office 的类,(一个基本的 html 选择输入)它的工作!所以我认为问题来自办公室,但我不知道为什么。
有人知道吗?
reactjs - 我们如何关闭 office react fabric 组件的错误消息栏?
我正在尝试在我的应用程序中使用 fabric react messageBar 组件,但即使我单击了 messageBar 组件中的关闭图标,我也无法关闭(关闭)消息部分。
请找到以下代码以供参考。
Office 结构将作为默认关闭功能,还是我需要关闭它?
如果我需要关闭它,请告诉我我们该怎么做?
提前致谢。
-长良州
reactjs - 从 UI Fabric React 详细信息列表连接不同页面中的两个 Web 部件
我是 SharePoint 的新手。我的一个页面中有一个 SharePoint UI Fabric 反应详细信息列表,并且我正在创建一个包含其他 Web 部件的不同页面。
考虑到第一页仅包含主要数据,当用户单击详细列表中任何行的第一列链接时,我需要打开包含所有其他详细信息的第二页。
但为此,我希望在第二页中提供一些数据,以便我可以查询并获取所需的数据。
- 你有没有做过类似的事情。
- 这样做的最佳方法是什么?
- 真的可以从链接传递查询字符串吗?
下面是我的第一页详细列表配置。
javascript - Office Fabric UI React - 选择问题
我正在使用 Office UI Fabric React 组件,并且正在尝试进行选择。
我想要的是获取有关选择了哪一行 DetailsList 的信息。
这是我迄今为止尝试过的(请记住,我使用的是javascript,而不是打字稿)。
Selectin any row 实际上什么都不做。从 TS 转换为 JS 时,我可能会搞砸一些事情,因此非常感谢任何提示。提前谢谢了!
reactjs - Office UI Fabric - 如何将 CSS 样式应用于现有组件
我正在使用提供的组件,每次我需要更改组件样式时,我都想知道正确的方法是什么。
假设我需要在禁用 IconButton 时更改它的背景颜色。 https://codepen.io/elsl/pen/KrQQdV
如果我提供一个主题,我应该如何知道该组件使用哪个调色板/语义颜色?
如果我提供 IButtonStyles,我怎么知道属性名称是“rootDisabled.backgroundColor”?
对于这两个选项,我不得不在 github 上深入研究组件的源代码以找出答案。
这是预期/正确的方式吗? 如果是这样,在创建主题或 IStyle 之间是理想/最佳实践吗?
office-ui-fabric - 您可以强制在 Office Fabric 中完整呈现列表吗?
我正在使用 Office Fabric 中的列表,特别是 DetailsList。在我的列表中,我有许多渲染起来非常昂贵的图像,以及一个相当大的行列表。不幸的是,这意味着当我向下滚动时,会出现巨大的延迟,因为页面正在重新渲染新图像(也令人沮丧,因为它会破坏以前的图像,如果我向上滚动,它同样会延迟)。
有没有办法强制渲染整个列表,以便在向上或向下滚动时不必重新渲染?只要实际滚动部分没有高延迟/不慢或不生涩,我不介意有很长的初始加载时间。
reactjs - 如何将带有参数的回调函数从父组件传递给子组件?
我对 ReactJS 框架真的很陌生。我正在尝试将回调函数从父组件传递给子组件。
我试图传递的是一个回调函数(changeState)到一个子组件。子组件是一个fabric-ui按钮,点击按钮时会调用这个函数。
父代码:只有必要的代码
子代码
问题是当我执行上面的代码时甚至没有创建子组件。但是,当我不传递回调函数(changestate)时,会创建子组件。这与传递给子组件的参数 disabled 和 uniqueId 无关。我想说的是,如果我尝试在子节点界面中删除 changeState,则子组件会很好地创建,但是一旦我在界面中引入 changeState 并尝试从父组件传递它,子组件就永远不会显示在DOM。