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

reactjs - 使用 onKeyDown 过滤掉所有字符并将其小写(ev:React.KeyboardEvent)

我正在使用带有签名TagPicker的事件onKeyDown(ev: React.KeyboardEvent<HTMLElement>) => void

有没有办法可以使用此事件只允许小写字母和破折号-?理想情况下,我想自动将大写字母转换为小写字母。

0 投票
1 回答
1822 浏览

reactjs - 在 Office ui 结构 React 中替代具有多行的 TextField

我在 spfx(react js 框架)中的表单上使用了 office ui-Fabric React 控件。但是我在 office ui 结构中没有找到任何 textarea 控件。

我的 sharePoint 列表中有一列属于“增强的富文本(多行文本)”类型。因此,在从该字段中获取数据并将其显示到我的<Textfield>控件中时,数据会与<div>标签一起出现。

因此,我正在为 textarea 字段寻找办公室 ui 结构中的一些替代方案,它可以处理这种增强的富文本字段数据。

目前我已经使用了多行的Textfield控件。但它是一种纯文本控件。

当前行为: 它显示如下控制:

预期行为:从增强的富文本字段检索的数据应该出现在控件中,没有任何 html 标记。只喜欢:

实际数据在这里

0 投票
1 回答
934 浏览

html - Fabric UI 复选框标签对齐

我正在尝试向 Excel 加载项任务窗格添加一个复选框,但即使使用 MS 站点的示例代码的直接复制和粘贴,复选框的标签也在下面的行中。如何使文本与复选框位于同一行?

任务窗格足够宽,但标签总是出现在下面的行上。

在此处输入图像描述

0 投票
1 回答
508 浏览

javascript - 从其他组件关闭 MessageBar Office-UI-fabric

有人问过类似的问题,但不一样。Ref1:我们如何关闭office react fabric 组件的错误信息栏? Ref2:Office ui 织物面板不会关闭

我的问题如下。我正在通过减少和推送父组件添加 MessageBars。我已将 _onDismiss 移至父级,并且当我用鼠标单击“关闭”按钮时,我正在索引正确的 MessageBar。但是我如何设法将它从阵列中删除并关闭它?

编辑:我已经设法从数组和网络列表中删除。唯一的问题是我仍然保留添加的最后一个状态(来自 MessageList 的父级)。我正在修复以删除最后一个元素。

奖励问题:如何将计时器添加到信息和成功,而不是错误?

我不得不从 map 更改为 reduce,因为我没有从数组中删除代码,因此我的代码中充满了重复。如果我和之前的 stackoverflow 帖子一样,所有相同的内容都会被删除。

allFeedback 是一个对象数组,其中包含返回给用户的消息并输入“错误”、“成功”或“信息”

家长:

子组件对所有组件都是相同的,但不同的检查以查看要添加到屏幕的组件。

当我按下“关闭”按钮并将其从阵列中删除时,我预计将其删除。但是因为我做不到 - 在点击 3-4 次后,我被困在 30 次循环中。这也是我在代码中添加 if 的原因。但是当我要添加一个计时器时,最好也制作它,以便计时器将它从数组中删除。

编辑:我已经设法使用 _onDismiss 下的代码从数组和网络中删除

0 投票
1 回答
286 浏览

reactjs - 将 React DirectLine Bot Framework 通道与 SPFX 应用程序定制器一起使用时出错

我已经使用 Bot Framework (v4 NodeJS) 开发了一个 SharePoint Bot,为了确保一致的用户体验,我一直在考虑通过 SPFX 应用程序定制器应用程序使用 React DirectLine 通道将其整合到 Office UI Fabric React 面板中。

我遇到的问题是我收到了一些我怀疑相关的错误;一个是在开发人员工具控制台中显示'Cannot read property 'subscribe' of undefined'

另一个错误是在显示“渲染错误”的 Fabric 面板中。请检查控制台或联系机器人开发人员。

反应面板 反应错误

BotPanel.tsx

BotPanelApplicationCustomizer.ts

我是 React 的新手,所以仍然可以适应它。但我认为 Fabric 组件需要出现在 TSX 文件中,我已经附上了该文件的代码。我猜我错过了将 DirectLine 和 Panel 连接在一起的序列?

我希望在 Fabric 面板中显示 Bot DirectLine 频道,以便为用户提供一致的 SharePoint 体验。

0 投票
0 回答
69 浏览

typescript - FabricUI DatePicker/日历日高亮和导航回调

我在当前项目中使用 DatePicker/Calendar。看起来不错,但有一些问题我目前无法添加自己。

是否有可能获得组件通知或以某种方式将回调注入“月份更改”?试图跟踪此更改事件并看到日历具有私有功能_onNavigateDayDate_navigateMonthPickerDay但我知道没有办法从那里去。

此外,我看到了禁用某些将数组传递给的日期的选项restrictedDates,这很好,但是如果我只需要以不同的样式标记那些日子?任何选项可以为一天添加特定样式?几天或其他方式的一些自定义渲染?

0 投票
2 回答
239 浏览

office-js - 我可以在没有诸如“react”之类的框架的情况下在我的 office-js Excel Web 加载项中使用 ms-Spinner 吗?

我已经构建了一个 Excel 加载项(使用 Office-js、TypeScript、HTML、JQuery、CSS、Visual Studio 2019)来操作 Excel 电子表格,并且我想使用进度微调器显示进度消息。我认为 UI Fabric 中的 ms-Spinner 符合要求。我可以将它与 HTML/JQuery/CSS 一起使用,还是需要像 react 这样的框架?

我在javascript中试过这个,但它抛出了一个异常:

0 投票
0 回答
413 浏览

reactjs - 使用 Visual Studio 2019 和 Office Fabric UI React 的 Outlook 插件

我正在尝试使用强烈推荐的 Office UI Fabric React 开发新的 Outlook 插件。但是,我对 Visual Studio 非常满意,并希望利用该软件的多种有用功能。有没有办法可以同时利用这两个组件的力量?我不想使用 Visual Studio Code 和命令行。有没有办法做到这一点?

0 投票
1 回答
1205 浏览

reactjs - Office UI Fabric React - 关注表单输入时显示工具提示?

这是我目前拥有的:

工具提示在悬停时显示。我希望它只在焦点上显示。
有没有办法在不控制状态的情况下做到这一点?

0 投票
2 回答
758 浏览

reactjs - Office UI Fabric React - 下拉列表不尊重 selectedKey 道具

我有这个代码:

如果满足某个条件,我想阻止更新选定的密钥。
但是,Dropdown 直观地显示了我单击的选项。
如何防止这种行为?