小编Dre*_*yre的帖子

自定义组件上的 Blazor 双向绑定

我正在创建一个 blazor 服务器端应用程序,但在两个自定义组件之间绑定值时遇到问题。

我已经查看了有关 bind 或 @bind 应该如何工作的不同示例,但我无法弄清楚有关此事的最新信息是什么。

给定一个模型类 User:

public class User
    {
        [Mapping(ColumnName = "short_id")]
        public string ShortId { get; set; }

        public User()
        {

        }
    }
Run Code Online (Sandbox Code Playgroud)

我想构建一个表单,显示该用户的所有属性并将它们输入到输入中,以便可以对其进行编辑并最终保存到数据库中。

我的表单(父组件)如下所示:

<div class="edit-user-form">
    <AnimatedUserInput TbText="@User.ShortId" Placeholder="MHTEE Id"/>
    <button class="btn btn-secondary" @onclick="Hide" style="{display:inline-block;}">Back</button>
    <button class="btn btn-primary" @onclick="SaveUser" style="{display:inline-block;}">Save</button>
</div>
@code {
    [Parameter] public vUser User { get; set; }

    [Parameter] public Action Hide { get; set; }

    bool _error = false;

    void SaveUser()
    {
        ValidateUserData();
    }

    void ValidateUserData()
    {
        _error = …
Run Code Online (Sandbox Code Playgroud)

c# .net-core blazor blazor-server-side blazor-client-side

11
推荐指数
2
解决办法
5288
查看次数