多个窗口中的 Web 事件处理（Blazor）-解网

问：

我刚刚开始上网，这次我在事件处理方面遇到了麻烦。我使用 blazor 进行开发，但这似乎是一个普遍适用的问题。

我被困的地方是这个。我想在收到消息时通知页面。当我有一个浏览器屏幕时，我没有遇到任何问题，但是当我在打开两个屏幕的情况下测试我的网络时，事件无法正常工作。如何解决此问题？

下面是我的代码。

ServiceInfoReceiveHandler.cs
public event EventHandler<(string contentType, string serverName, string message)> InstallServiceInfoReceived;
...
public void Receive(BasicDeliverEventArgs eventArgs)
{
  if (contentType == "SVCMGMT/INSTALL/SVCINFO")
  {
    InstallServiceInfoReceived?.Invoke(this, (contentType, serverName, message));
    ...
  }
}

我像这样触发事件，每当有消息传入时，总是调用接收函数。这不是消息没有到达的问题。

page.razor

@inject ServiceInfoReceiveHandler _serviceInfoReceiveHandler

protected override async Task OnInitializedAsync()
{ 
  _serviceInfoReceiveHandler.InstallServiceInfoReceived += OnServiceInfoReceived;
}
private async void OnServiceInfoReceived(object sender, (string contentType, string serverName, string message) e)
{
...
}

我想要结果的剃刀页面如上所示，但未调用 OnInfoReceived。

.NET Web 事件处理 Blazor

namespace SO76170542.Data;

public class HelloService
{
    public event EventHandler<HelloEventArgs>? HelloChanged;

    private string? _hello;

    public string HelloMessage => _hello ?? "No Message Set";

    public void NotifyHelloChanged(string? hello)
    {
        _hello = hello;
        this.HelloChanged?.Invoke(this, new(hello));
    }
}

public class HelloEventArgs : EventArgs
{
    public string? Hello { get; set; }

    public HelloEventArgs(string? hello)
        => Hello = hello;
}

已注册程序。

// Add services to the container.
builder.Services.AddRazorPages();
builder.Services.AddServerSideBlazor();
builder.Services.AddSingleton<WeatherForecastService>();
builder.Services.AddSingleton<HelloService>();

var app = builder.Build();

以及用于生成和使用消息的页面。

@page "/"
@inject HelloService helloService

<PageTitle>Index</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<div class="m-2">
    <button class="btn btn-dark" @onclick=this.UpdateHello>Update Hello</button>
</div>

<div class="alert alert-primary">@helloService.HelloMessage</div>

@code {

    // Register the event handler
    protected override void OnInitialized()
        => this.helloService.HelloChanged += this.OnHelloChanged;

    private Task UpdateHello()
    {
        helloService.NotifyHelloChanged($"Hello Blazor at {DateTime.Now.ToLongTimeString()}");
        return Task.CompletedTask;
    }

    public void OnHelloChanged(object? sender, HelloEventArgs e)
        => InvokeAsync(this.StateHasChanged);

    // We must de-register the even handler
    public void Dispose()
        => this.helloService.HelloChanged -= this.OnHelloChanged;
}

您可以在此处看到相同的模式：如何触发/刷新我的主 .RAZOR 页面，该主 .API 调用完成时的 RAZOR 页面？FetchData

我仍然需要测试更多，但更改为单例似乎已经解决了这个问题。但是，即使我将您发布的示例更改为 scoped，按下按钮的窗口中的值也会发生变化，这是我想要的结果。有没有可能我遇到麻烦的原因是因为我没有直接通过按钮调用事件，而是在加载页面时通过消息代理调用事件，当响应到来时，它会在触发事件的过程中流向另一个对象（另一个窗口）？

0赞 MrC aka Shaun Curtis 5/8/2023

你只想在一个屏幕中接收讯息吗？消息从何而来？

0赞 beginner 5/9/2023

我的消息是通过客户端的 RabbitMQ 传递的。我不一定需要在一个屏幕上接收它，我认为像你那样将它实现为单例会起作用，但我不熟悉单例，所以我只是想知道是否存在我不知道的问题。所以我想知道为什么在您的示例中，当它被限定时，当我按下按钮时，我在该屏幕上获得该事件，但在上面的旧代码中，我在随机屏幕上获得它。

上一个：为什么要在事件处理程序中调用相同的事件

下一个：如何使用 dotnet core 在 AWS 事件桥计划程序中创建事件？

多个窗口中的 Web 事件处理（Blazor）

Web event handling in multiple windows (Blazor)

评论

评论

多个窗口中的 Web 事件处理 （Blazor）

Web event handling in multiple windows (Blazor)

评论

评论

多个窗口中的 Web 事件处理（Blazor）