当组件被聚焦并且用户使用键盘向下箭头时，输入中的值没有按照预期更新。

进度®teleerik®用户界面的Blazor反馈门户

创建帐户登录

返回馈送

请求功能报告Bug

复制

最后更新: 2023年5月17日14:22 通过亚当

斯图尔特

上创建: 2023年3月21日15:47

类别: MultiColumnComboBox

类型: 错误报告

当组件被聚焦并且用户使用键盘向下箭头时，输入中的值没有按照预期更新。

从这个演示的屏幕截图中，通过键盘选择一个值会使框留空

要复制，按下箭头时，多列组合框有焦点

复制

此项目是已存在项目的副本。你可以在这里找到原始项目:

当使用Enter键选择项时，该值不会显示在输入字段中。

4评论

亚当

发布: 2023年5月17日14:22

是的，在chrome开发工具中验证。js和css是从CDN的位置，是4.2.0。我正在运行。net7 blazor wasm 7.0.5

我创建了一个repl，它是我正在做的事情的缩小版。我在提交时序列化对象，这样你就可以看到那个时候对象的值，而不是在OnSubmit已经执行后它被改变。这很难实现。我认为存在一些竞态条件，在进入事件出现之前，文本框的未绑定值绑定没有完成。如果我打字快，我可以得到它的一个版本，当OnSubmit触发时，文本框的完整值没有更新。见附件截图的结果。我在我的应用中看到的更加明显，因为表单更大，应用更复杂。在我的情况下，整个属性在OnSubmit的时候仍然是空的。OnSubmit完成后，属性具有文本框值。这几乎就像文本框组件应该有一个回车键捕获，如果只是为了允许内部处理完成，然后将事件重新冒泡到DOM中供表单捕获。

我不确定如何保存我使用的回复，但我从这个开始:

https://blazorrepl.telerik.com/gnulllvj241iq4pv48?_ga=2.204491600.1905434648.1684329158 - 81929558.1677621695 - &_gl=1 * zd5xf2 * _ga * ODE5Mjk1NTguMTY3NzYyMTY5NQ . . * _ga_9JSNBCSF54 * MTY4NDMyOTE1OC4zNy4xLjE2ODQzMjk1NzEuNjAuMC4w

并将剃刀页面内容更改为(另附):

＠“页面”文本框/概述

＠页面“/文本框/指数”

＠使用System.Text.Json

< div 类=“box-content” 风格=“保证金:汽车;” >

< EditForm EditContext=“FormContext” OnSubmit=“FormSubmit” >

< TelerikTabStrip TabPosition=“@TabPosition。” PersistTabContent=“假” >

< TabStripTab 标题=“标签1” >

< 内容 >

< TelerikTextBox 占位符=“FirstName” ＠绑定价值=“FormModel。FirstName” > TelerikTextBox >

< h3 >SubmitValue h3 >

< p > ＠ValueAtSubmit p >

内容 >

TabStripTab >

< TabStripTab 标题=“选项卡2” >

< 内容 >

< TelerikTextBox 占位符=“FirstName” ＠绑定价值=“FormModel。FirstName” > TelerikTextBox >

< h3 >SubmitValue h3 >

< p > ＠ValueAtSubmit p >

内容 >

TabStripTab >

TelerikTabStrip >

EditForm >

div >

＠代码{

private InputObject FormModel {get;设置;} = new();

私人EditContext吗?FormContext {get;设置;｝

私人字符串吗?ValueAtSubmit {get;设置;｝

private void FormSubmit(EditContext) {

ValueAtSubmit = JsonSerializer.Serialize(FormModel);

｝

公共类InputObject {

公共字符串?FirstName {get;设置;｝

｝

OnInitialized() {

FormContext = new(FormModel);

base.OnInitialized ();

｝

附加文件: