Blazor:在bind:set和bind:after中访问其他对象属性。
创始人
2024-12-22 12:30:11
0

在Blazor中,可以使用@bind-directive来绑定元素的属性和对象的属性。但是,在bind:set和bind:after中访问其他对象属性并不直观。

为了访问其他对象属性,您可以将对象分配给一个本地变量,然后访问该变量的属性。例如,在以下示例中,我们将选定的用户分配给一个本地变量,并在bind:set和bind:after中使用该变量来访问选定的用户的其他属性。

代码示例:

@page "/users" @using System.Collections.Generic @using System.Linq @using BlazorApp1.Shared

Users

@code { List _users = new List() { new User { Id = 1, Name = "John", Email = "john@test.com" }, new User { Id = 2, Name = "Jane", Email = "jane@test.com" } };

int SelectedUserId { get; set; }

User SelectedUser
{
    get { return _users.FirstOrDefault(u => u.Id == SelectedUserId); }
}

string SelectedUserName
{
    set { SelectedUser.Name = value; }
}

string SelectedUserEmail
{
    set { SelectedUser.Email = value; }
}

}

在此示例中,我们定义了一个User类,并为下拉列表提供了一个绑定属性SelectedUserId。作为选定用户的过渡步骤,我们创建了名为SelectedUser的只读属性,并使用它在SelectedUserName和SelectedUserEmail中设置选定用户的名称和电子邮件地址。在bind:set和bind:after中,我们使用SelectedUser的本地变量来访问选定用户的其他属性。

请记住,如果您在bind:set或bind:after中修改本地变量的值,这不会反映在绑定属性上。因此,在本例中,我们直接将SelectedUser的属性更改为确保更改反映在UI中。

相关内容

热门资讯

免费测试版!潮娱乐鱼虾蟹公式辅... 免费测试版!潮娱乐鱼虾蟹公式辅助软件,多乐游戏修改器,详细工具(有挂教学)1、潮娱乐鱼虾蟹公式辅助软...
大家学习交流!微信小程序辅助器... 大家学习交流!微信小程序辅助器,蜀山挂机辅助,详细工具(有挂技巧)1、微信小程序辅助器有没有辅助教程...
科技揭秘!福气辅助器,微乐贵阳... 您好,微乐贵阳捉鸡麻将开挂这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
一起来探讨!宝宝浙江游戏脚本,... 一起来探讨!宝宝浙江游戏脚本,逗娱碰胡辅助器,详细app(竟然有挂)一起来探讨!宝宝浙江游戏脚本,逗...
一秒答解!789大菠萝攻略,极... 一秒答解!789大菠萝攻略,极速猜一猜辅助,详细插件(讲解有挂)1、很好的工具软件,可以解锁游戏的极...
热点推荐!广东闲来辅助工具,随... 热点推荐!广东闲来辅助工具,随意玩脚本辅助工具透视,详细工具(真是有挂)1、用户打开应用后不用登录就...
重要通知!福建13水插件,吉安... 重要通知!福建13水插件,吉安中至小程序,详细app(有挂秘诀)1、吉安中至小程序透视辅助软件激活码...
避坑细节!牵手跑得软件,打两圈... 避坑细节!牵手跑得软件,打两圈怀疑有外挂,详细工具(真实有挂)1、完成打两圈怀疑有外挂有辅助插件,帮...
最新研发!钱塘十水三攻略,芒果... 最新研发!钱塘十水三攻略,芒果辅助器安卓版,详细方法(有挂秘诀)该软件可以轻松地帮助玩家将芒果辅助器...
推荐一款!哈糖大菠萝辅助,微信... 推荐一款!哈糖大菠萝辅助,微信中至有辅助吗,详细工具(有挂猫腻)1)微信中至有辅助吗辅助插件:进一步...