问题标签 [fast-ui]
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.
performance - 使用 FAST 有没有办法将样式应用于子 ShadowDOM 元素?
我一直在使用 FAST 工具包 ( https://fast.design ) 创建我自己想要使用的元素。那段旅程的一部分使我制作了一个Toolbar
.
曾经Toolbar
,我想将按钮的背景更改为透明(看起来像:https ://fluentsite.z22.web.core.windows.net/components/toolbar/definition 。现在我可以创建另一个元素, 即ToolbarButton
扩展Button
(以及任何其他需要删除背景的控件) 并且它将为我的目的工作。不过, 感觉就像我应该能够做的事情, 因为它是Toolbar
.
我不确定这是否可能,但通过 GitHub 上的文档和源代码我无法弄清楚。
任何意见,将不胜感激。
typescript - Update a property using parent template's event handlers
I am trying to design some components using FASTElement. However, I couldn't pass a dynamic property from parent to a child component. In my design, I have two FAST templates as follows,
childCompTemplate.ts
parentCompTemplate.ts
CustomTheme.ts
I referenced customTheme property in the model files,
ParentModel.ts <= this is an interface
ChildModel.ts
However, when I triggered the event, I saw no change in the child component's div class. Could you please help me to understand which point that I am missing?
Thanks for the help!
TL;DR I want to update a property when some specific event is fired on the parent template. However, changes are not affecting the child.
javascript - 2 使用 Fast-UI + Vue.js 版本的方式绑定问题。2.6.11
这是在版本(package.json
)上测试的:
前提条件
- 使用此 URL打开沙箱;
- 等到一切都安装好;
- 等到您看到屏幕右侧的滑块。
重现问题的步骤:
- 前后拖动滑块的拇指(手柄);
- 查看值(它已按预期更改);
- 点击+或-按钮;
- 再次尝试使用滑块;
- 返回+或-按钮,然后单击一个或另一个。
实际结果:
在与不同的组件/元素交互后,绑定停止工作或至少无法按预期工作
预期结果:
它必须在进行任何交互后工作。
我尝试过的事情:
- v-模型;
- 事件的自定义绑定指令(onchange,drag)。
自定义绑定指令的代码示例:
实施文件
用法:
附加信息:
在一个元素失去焦点并且另一个元素获得焦点后,绑定(或它的某些部分停止工作)。
那提出的建议"EisenbergEffect"
可能会帮助某人找到修复它的
方法:
当涉及到输入元素时,它们可能会有所不同并且往往会有所不同。是否: value 设置 value 属性或 value 属性?"
主要组件代码:
fast-ui - 表单验证不适用于快速基础的 TextField
我一直在尝试创建一个自定义元素 - 一个带有必需文本字段的表单。为此,我使用了来自快速基础、流畅按钮的 TextField 类和模板,我的自定义元素模板如下所示 -
动作按钮只是扩展了fluentButton。现在,当我单击按钮检查空输入的验证消息时,我在浏览器上收到一个错误 - An invalid form control with name='' is not focusable。
看起来浏览器无法专注于输入元素以在框旁边显示验证消息。我应该在这里做任何额外的工作吗?
blazor - 是否可以从 Blazor .NET 6 中的快速组件导入单个组件?
我最近一直在研究 .NET 6 中带有 Blazor PWA 的快速组件,在文档中我可以看到调用单个组件的潜力(我相信显示角度语法 - 下面的示例)。我想使用 Blazor 引入单个组件,但是,我不确定这是否可能,或者如何完成(可能使用 IJSRuntime?)Blazor 集成指南不包括导入单个组件,这导致我认为这是不可能的,但我希望有人知道。
有谁知道如何实现这样的目标:
在带有 .NET 6 的 Blazor 中使用这种语法,但只导入特定组件,而不是整个模块?
reactjs - SyntaxError:在混音应用程序中使用快速组件时出现意外的令牌“导出”
我正在尝试在混音应用程序中使用FAST Web 组件,但到目前为止还没有运气。
在这一点上,我的猜测是问题出在 remix 中完成的构建。我知道构建是由esbuild完成的,并且它不能完全与 esm 模块一起使用,至少不是 FAST 导出它们的方式。
我得到的错误是:
以下是我尝试在我的混音应用程序中包含 FAST 的方式:
现场演示:https ://codesandbox.io/s/green-leftpad-grd8o?file=/app/routes/index.tsx:0-702
reactjs - 快速 UI 组件上的 onChange 事件
我正在尝试将 Fast UI 控件与 React 和 TypeScript 一起使用。我遵循了React 集成说明,但我的onChange
事件没有触发。我错过了什么?
该onClick
事件正在复选框上工作,但 onChange 确实是我所追求的。
我的代码:
reactjs - Fluent UI Select Web 组件的选定选项
我正在尝试从Fluent UI Web Components library实现 FluentSelect React 组件,作为受控组件。
如何让 Select 显示当前值?我尝试了不同的配置,但它始终默认为第一个选项。