blazor

Suppose I want to use an EditForm, but I want the value binding to trigger every time the user types into the control instead of just on blur. Suppose, for the sake of an example, that I want an InputNumber that does this? I've tried using different means that are floating around such as bind-Value:event="oninput" with no success. I was finally able to get more or less what I wanted by copying the AspNetCore source code for InputNumber and overriding / rewriting a few things. Here is my InputNumber which accomplishes what I'm hoping for: public class MyInputNumber: InputNumber<int> { protected

Reference to this VisualStudioMagazine article, I am trying to have code in a separate file instead of razor view. I tried: @page "/Item" @using WebApplication1.Shared @using WebApplication1.Client.Services; @inject HttpClient Http @inherits ItemComponent @if (ItemList != null) { <table class="table"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Category</th> <th>Metal</th> <th>Price</th> <th>Quantity</th> </tr> </thead> <tbody> @foreach (var item in ItemList) { <tr> <td>@item.ID</td> <td>@item.Name</td> <td>@item.Category</td> <td>@item.Metal</td> <td>@item.Price</td> <td>@item.Quantity</td> <

It seems in a standard Blazor server app, the _content folder items are not being referenced correctly for anything other than the Development environment. As an example, this reference fails in any non-dev environment: from _Host.cshtml: <link href="_content/Blazored.Typeahead/blazored-typeahead.css" rel="stylesheet" /> To Repro, using Blazored-toast lib as an example (but any static file refs seem to have this issue): Create a new Blazor Server project (dotnet new blazorserver) Add all necessary Blazored / Toast elements, including code to demo a toast message Test that toast is working

I am using VS2019 Preview. I have created a "server-hosted" Blazor application using the latest Blazor extension (16.0.19227). This is the variant that contains 3 separate projects... MyApp.Client MyApp.Server MyApp.Shared I can debug this by making MyApp. Server the active project and all works fine but I'm struggling to publish/deploy this to Azure. I have tried the following... Right-click on MyApp.Server in Solution-Explorer Choose "Publish" Go through the wizard to create a new publish profile Change the deployment mode to "self-contained" Hit publish At this point I get an error during

How can I add a delay to an event (OnInput) in Blazor ? For example, if a user is typing in the text field and you want to wait until the user has finished typing. Blazor.Templates::3.0.0-preview8.19405.7 Code: @page "/" <input type="text" @bind="Data" @oninput="OnInputHandler"/> <p>@Data</p> @code { public string Data { get; set; } public void OnInputHandler(UIChangeEventArgs e) { Data = e.Value.ToString(); } } Solution: There is no single solution to your question. The following code is just one approach. Take a look and adapt it to your requirements. The code resets a timer on each keyup ,

I have a fully operative Blazor server-side project and a .NET Core 3 MVC project, both in the same solution. I'm now trying to use the components from the Blazor project in my MVC project. I've managed to get the components to render on an MVC page, but button clicks on the Blazor component don't trigger the onclick events for the components, instead I just get navigated to https://localhost:44341/ ? I'm unclear as to exactly what changes I need to make in the MVC solution to get this working? The official documentation talks about using components in and MVC project and it's mentioned in

When trying to debug a Blazor client side app I keep getting the error Debugging connection was closed. Reason: WebSocket disconnected I open Chrome with "%programfiles(x86)%\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222 https://localhost:50868/ and do not have any extensions installed in Chrome. I followed the instructions https://docs.microsoft.com/en-us/aspnet/core/blazor/debug?view=aspnetcore-3.0 but no luck. Have you guys ever faced this situation? Any idea on where I should be looking at? I ran into the same thing. Since your URL contains https://localhost , the