blazor-server-side

问题 In Blazor I have an <a> element that has both a href and an onclick method: <a href="" onclick="@(() => ChangePage(_someObject))">Test</a> onclick calls this method: private bool ChangePage(object objectToDisplay) { _currentObject = objectToDisplay; StateHasChanged(); return false; } Normally in JavaScript returning false from the event method stops the subsequent navigation to the link in the href but this doesn't seem to be working with my code above. How can I stop Blazor changing the page

问题 Using the default project that loads with Visual Studio 2019 when you create a new blazor server-side project in .NetCore 3.1, consider the following example (a slight change to their own counter example page): <button class="btn btn-primary" @onclick="SingleMethodUpdate">Click Me</button> <label>Update from same method: @result</label> <button class="btn btn-primary" @onclick="NestedMethodUpdate">Click Me</button> <label>Update from nested method: @nestedResult</label> And the code-behind to

问题 The Blazor documentation's Form Validation example has a submit button component within the EditForm component: <EditForm Model="@starship" OnValidSubmit="@HandleValidSubmit"> <DataAnnotationsValidator /> <ValidationSummary /> <p> <label for="identifier">Identifier: </label> <InputText id="identifier" bind-Value="@starship.Identifier" /> </p> Snip.... <button type="submit">Submit</button> Snip... </EditForm> Is there anyway to place that submit button outside of the EditForm tags and still

问题 The Blazor documentation's Form Validation example has a submit button component within the EditForm component: <EditForm Model="@starship" OnValidSubmit="@HandleValidSubmit"> <DataAnnotationsValidator /> <ValidationSummary /> <p> <label for="identifier">Identifier: </label> <InputText id="identifier" bind-Value="@starship.Identifier" /> </p> Snip.... <button type="submit">Submit</button> Snip... </EditForm> Is there anyway to place that submit button outside of the EditForm tags and still

问题 I am running an Blazor Server-Side client, which contacts an api gets a token and saves it in local storage. When i route to a second page i want to check if token is there so !null. I can't find the right place to check this or where. I tried on a layout and with overriding OnInitialized and it works but you get this horrid flicker where the ui is loaded and then the check is finished so it redirects, basically the user partially sees the page they shouldnt have access too. Where should i be

问题 I am doing some project for college in Blazor(.net wasm) and have some page that should implement master-detail view of students. For table look and pagination I used BlazorGrid and it was great but now am stuck because i cannot insert new row in table when name of student is clicked. Does anyone have idea how to do this or some other way of doing pagination in Blazor. Link on BlazorGrid git https://github.com/AnkitSharma-007/BlazorGrid and this is pic of my screen, after clicked on name i

问题 I am using the tag in my Blazor app. But how can i format the date using my own culture ? <InputDate class="form-control" @bind-Value="@ValidDate" @bind-Value:culture="nl-BE" @bind-Value:format="dd/MM/yyyy" /> regards Dieter 回答1: The answer is @bind-Value:format , like so @page "/" <EditForm Model="@CurrentPerson"> <InputDate @bind-Value="@CurrentPerson.DateOfBirth" @bind-Value:format="dd/MM/yyyy"/> </EditForm> @code { Person CurrentPerson = new Person(); public class Person { public DateTime

问题 I would like it to only change the class for the clicked div . Currently it will change the class for all div s. I have written this as a Blazor component. @for (int i = 0; i < 5; i++) { <div class="@divClass" @onclick="_ => ChangeDivClass()">@i</div> } @code { String divClass; private void ChangeDivClass() { if (divClass == "red") { divClass = String.Empty; } else { divClass = "red"; } } } 回答1: You can use an array instead of one variable. @for (int i = 0; i < divClass.Length; i++) { var

问题 We are noticing that in our Blazor server-side application, users are able to click a button more than once unintentionally. How can I prevent this using options available in Blazor framework? Anything as simple as changing the text of the button to "processing..." as soon as they click the button will suffice our requirements but I am not sure how to achieve this. Handler for click event takes few seconds to process. Any pointers? 回答1: You likely have one of two problems or both: Latency is

问题 We are noticing that in our Blazor server-side application, users are able to click a button more than once unintentionally. How can I prevent this using options available in Blazor framework? Anything as simple as changing the text of the button to "processing..." as soon as they click the button will suffice our requirements but I am not sure how to achieve this. Handler for click event takes few seconds to process. Any pointers? 回答1: You likely have one of two problems or both: Latency is