问题标签 [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 - 使用 onKeyDown 过滤掉所有字符并将其小写(ev:React.KeyboardEvent)
我正在使用带有签名TagPicker
的事件onKeyDown
(ev: React.KeyboardEvent<HTMLElement>) => void
有没有办法可以使用此事件只允许小写字母和破折号-
?理想情况下,我想自动将大写字母转换为小写字母。
reactjs - 在 Office ui 结构 React 中替代具有多行的 TextField
我在 spfx(react js 框架)中的表单上使用了 office ui-Fabric React 控件。但是我在 office ui 结构中没有找到任何 textarea 控件。
我的 sharePoint 列表中有一列属于“增强的富文本(多行文本)”类型。因此,在从该字段中获取数据并将其显示到我的<Textfield>
控件中时,数据会与<div>
标签一起出现。
因此,我正在为 textarea 字段寻找办公室 ui 结构中的一些替代方案,它可以处理这种增强的富文本字段数据。
目前我已经使用了多行的Textfield控件。但它是一种纯文本控件。
当前行为: 它显示如下控制:
预期行为:从增强的富文本字段检索的数据应该出现在控件中,没有任何 html 标记。只喜欢:
实际数据在这里
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 下的代码从数组和网络中删除
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 体验。
typescript - FabricUI DatePicker/日历日高亮和导航回调
我在当前项目中使用 DatePicker/Calendar。看起来不错,但有一些问题我目前无法添加自己。
是否有可能获得组件通知或以某种方式将回调注入“月份更改”?试图跟踪此更改事件并看到日历具有私有功能_onNavigateDayDate
,_navigateMonthPickerDay
但我知道没有办法从那里去。
此外,我看到了禁用某些将数组传递给的日期的选项restrictedDates
,这很好,但是如果我只需要以不同的样式标记那些日子?任何选项可以为一天添加特定样式?几天或其他方式的一些自定义渲染?
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中试过这个,但它抛出了一个异常:
reactjs - 使用 Visual Studio 2019 和 Office Fabric UI React 的 Outlook 插件
我正在尝试使用强烈推荐的 Office UI Fabric React 开发新的 Outlook 插件。但是,我对 Visual Studio 非常满意,并希望利用该软件的多种有用功能。有没有办法可以同时利用这两个组件的力量?我不想使用 Visual Studio Code 和命令行。有没有办法做到这一点?
reactjs - Office UI Fabric React - 关注表单输入时显示工具提示?
这是我目前拥有的:
工具提示在悬停时显示。我希望它只在焦点上显示。
有没有办法在不控制状态的情况下做到这一点?
reactjs - Office UI Fabric React - 下拉列表不尊重 selectedKey 道具
我有这个代码:
如果满足某个条件,我想阻止更新选定的密钥。
但是,Dropdown 直观地显示了我单击的选项。
如何防止这种行为?