web-dev-qa-db-ja.com

Input Keyの可変値をBlazor on Pressに変更します

ユーザーがキーを押すと、私がやりたいことは変数値を更新することですが、入力のぼけの値だけを更新します。

次のコードが機能していません。

_<p>@increment</p>
<input 
    type="text"
    @onchange="@((ChangeEventArgs e) =>
        increment = e.Value.ToString())"
/>

@code {
    string increment;
}
_

_@bind_と_@bind-value_も機能しません。

私は blazorfiddle 例で作りました。

Aキーが押されたら、どのような変数の値を変更するかを変更できますか？

c#asp.net-coreblazor
7
Vencovsky

引用符 データバインディング ドキュメント：

<input @bind="CurrentValue" 
       @bind:event="oninput" />
 _

onchangeとは異なり、要素がフォーカスが失われたときに起動するoninputテキストボックスの値が変わると起動します。

9
dani herrera

誰でもInputText formコンポーネントでこれをしたい場合は、独自のコンポーネントファイルを作成します。_InputTextOnInput.razor_：

_@inherits InputText

<input @attributes="AdditionalAttributes" class="@CssClass" 
   @bind="CurrentValueAsString" @bind:event="oninput" />
_

それからあなたのフォームでそれを使用してください。

_<InputTextOnInput @bind-Value="@PropertyToUpdate " />

@code {
    private string PropertyToUpdate { get; set; }
}
_

Blazor Docs の詳細

1
Luke