AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 76936913
Accepted
MC9000
MC9000
Asked: 2023-08-20 04:26:08 +0800 CST2023-08-20 04:26:08 +0800 CST 2023-08-20 04:26:08 +0800 CST

在组件触发的 Blazor 中选择下拉列表,但仅显示先前的选择选项,而不是当前的选择选项

  • 772

我有一个 Blazor 7 组件,它基本上是一个下拉选项。当做出选择时,会触发一个事件,因此调用页面/组件可以获得所选项目。一个问题是,只有前一项被转移到父项,而不是当前的选择。我不知道如何解决这个问题,因为除了这个怪癖之外,一切似乎都正常。基本上,第一次进行选择时,传递给父级的对象是空的(不是 null)。第二次进行选择时,第一个项目将传递给父项。第三个选择将显示第二个项目,依此类推。这是组件代码:

<h3>DropDownNames</h3>

<select @bind="@mySelector.SelectedId" @bind:after="SelectionChanged">
    @foreach (var opt in mySelector.Options)
    {
        <option value="@opt.Id" class="@opt.Style">@opt.Name @(new String('*', @opt.Stars))</option>
    }
</select>

@if (mySelector.SelectedId > 0)
{
    selectedOption = mySelector.Options.Find(e => e.Id == mySelector.SelectedId);
}

@code {

    [Parameter]
    public EventCallback<Option> GetSelectedOption { get; set; }

    private Selector mySelector = new Selector(myOptions);

    private Option selectedOption { get; set; } = new Option();

    //populate the select options
    private static List<Option> myOptions = new List<Option>() {
        new Option(1, "Fred", "style3", 2),
        new Option(2, "Joe", "style1", 4),
        new Option(3, "Jana", "style2", 4),
        new Option(4, "Mary", "style1", 3),
        new Option(5, "Howard", "style3", 1) };

    async void SelectionChanged()
    {
        await GetSelectedOption.InvokeAsync(selectedOption);
    }

    public class Selector
    {
        public Selector(List<Option> options) => Options = options;

        public int SelectedId { get; set; } = 0;
        public List<Option> Options { get; set; }
    }

    public class Option
    {
        public Option(int id = 0, string? name = "", string? style = "", int stars = 0)
        {
            Id = id;
            Name = name;
            Style = style;
            Stars = stars;
        }

        public int Id { get; set; }
        public string? Name { get; set; }
        public string? Style { get; set; }
        public int Stars { get; set; }
    }


}

和父页面(只是索引页面):

@page "/"

<PageTitle>Index</PageTitle>

<DropDownNames GetSelectedOption="getSelectedOption"></DropDownNames>

<br />

<p>You selected: @selectedOption.Id</p>
<p>@selectedOption.Name has @selectedOption.Stars.ToString() stars</p>


@code {

    DropDownNames.Option selectedOption = new DropDownNames.Option();
    public void getSelectedOption(DropDownNames.Option option)
    {
        selectedOption = option;
    }
}

我相信我在这里做错了什么,但不知道从哪里开始/看。Bing 的人工智能没有任何帮助,因为它会生成无法使用的代码,因此需要向真人寻求帮助。

.net
  • 1 1 个回答
  • 13 Views

1 个回答

  • Voted
  1. Best Answer
    RBee
    2023-08-20T06:35:00+08:002023-08-20T06:35:00+08:00
    @if (mySelector.SelectedId > 0)
    {
        selectedOption = mySelector.Options.Find(e => e.Id == mySelector.SelectedId);
    }
    

    您更改字段的方式selectedOption导致了这里的问题。它在被EventCallback调用后执行。

    您应该在调用SelectionChanged()之前 将该逻辑移至该方法。EventCallback

    async Task SelectionChanged()
    {
        selectedOption = mySelector.Options.Find(e => e.Id == mySelector.SelectedId);
        await GetSelectedOption.InvokeAsync(selectedOption);
    }
    
    • 1

相关问题

  • 在 LINQPad 7 中使用 MassTransit 8 请求时出现 RequestTimeoutException

  • .NET 升级地狱

  • 如何将 select 语句详细信息提取到不同的方法中仍然保持急切加载?

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    使用 <font color="#xxx"> 突出显示 html 中的代码

    • 2 个回答
  • Marko Smith

    为什么在传递 {} 时重载解析更喜欢 std::nullptr_t 而不是类?

    • 1 个回答
  • Marko Smith

    您可以使用花括号初始化列表作为(默认)模板参数吗?

    • 2 个回答
  • Marko Smith

    为什么列表推导式在内部创建一个函数?

    • 1 个回答
  • Marko Smith

    我正在尝试仅使用海龟随机和数学模块来制作吃豆人游戏

    • 1 个回答
  • Marko Smith

    java.lang.NoSuchMethodError: 'void org.openqa.selenium.remote.http.ClientConfig.<init>(java.net.URI, java.time.Duration, java.time.Duratio

    • 3 个回答
  • Marko Smith

    为什么 'char -> int' 是提升,而 'char -> Short' 是转换(但不是提升)?

    • 4 个回答
  • Marko Smith

    为什么库中不调用全局变量的构造函数?

    • 1 个回答
  • Marko Smith

    std::common_reference_with 在元组上的行为不一致。哪个是对的?

    • 1 个回答
  • Marko Smith

    C++17 中 std::byte 只能按位运算?

    • 1 个回答
  • Martin Hope
    fbrereto 为什么在传递 {} 时重载解析更喜欢 std::nullptr_t 而不是类? 2023-12-21 00:31:04 +0800 CST
  • Martin Hope
    比尔盖子 您可以使用花括号初始化列表作为(默认)模板参数吗? 2023-12-17 10:02:06 +0800 CST
  • Martin Hope
    Amir reza Riahi 为什么列表推导式在内部创建一个函数? 2023-11-16 20:53:19 +0800 CST
  • Martin Hope
    Michael A fmt 格式 %H:%M:%S 不带小数 2023-11-11 01:13:05 +0800 CST
  • Martin Hope
    God I Hate Python C++20 的 std::views::filter 未正确过滤视图 2023-08-27 18:40:35 +0800 CST
  • Martin Hope
    LiDa Cute 为什么 'char -> int' 是提升,而 'char -> Short' 是转换(但不是提升)? 2023-08-24 20:46:59 +0800 CST
  • Martin Hope
    jabaa 为什么库中不调用全局变量的构造函数? 2023-08-18 07:15:20 +0800 CST
  • Martin Hope
    Panagiotis Syskakis std::common_reference_with 在元组上的行为不一致。哪个是对的? 2023-08-17 21:24:06 +0800 CST
  • Martin Hope
    Alex Guteniev 为什么编译器在这里错过矢量化? 2023-08-17 18:58:07 +0800 CST
  • Martin Hope
    wimalopaan C++17 中 std::byte 只能按位运算? 2023-08-17 17:13:58 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve