I am looking forward to seeing what you come up with. I will expand/explain my thought process a little bit here. So there is a better understanding of the overall objective.
I provided a dumbed-down example of calling an API. You could easily cache calls in the method. Yes, some work is going to be required by the end programmer. Also, to be clear, it's not invoking the method each time it draws. API calls in the example would only happen on sort, filter, page change. The design goal is to empower them with total control over how the data comes in without assuming anything.
What I don't want is for the user to have to do is hook Sort, Page, Filter events. Then have to reference BSDataTable to call a refresh on each event.
In next release you will be able to do something like <BSModal ModalColor="BSColor.Primary" DialogClass="position-absolute top-0 start-0 m-0"> to make the modal primary color and position it top left. I thought about adding first class support for the position. However, it's not supported first class with bootstrap and can break other options.
I released an unlisted version so you can use it now
https://www.nuget.org/packages/BlazorStrap/5.0.105-Preview1a
<BSInputCheckbox CheckedValue="true" UnCheckedValue="false" ValueChanged="(bool e) => Callback(e)" Value="value" />@code {
bool value { get; set; }
private void Callback(bool e)
{
value = e;
// your stuff
}
}
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Object reference not set to an instance of an object.
System.NullReferenceException: Object reference not set to an instance of an object.
at SyxosWASM.Pages.Error.OccurredErrors.InfoCallBack(ErrorModel errorModel)
at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
at BlazorStrap.BlazorStrapActionBase.ClickEvent(MouseEventArgs e)
at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)
<div aria-live="polite" aria-atomic="true" class="position-relative bd-example-toasts" style="overflow-y: scroll ">
<BSToaster/>
</div>
@Body
_blazorStrap.Toaster.Add("Error", "Test Error", o =>
{
o.Color = BSColor.Danger;
o.CloseAfter = 3000;
o.Toast = Toast.TopRight;
});
I dont get why its not working 🤷🏼♂️
1 reply
p=/~and~q= to the query params again and again...
.AddClass($"btn-outline-{Color.NameToLower()}", IsOutlined && IsButton)https://www.nuget.org/packages/BlazorStrap.Extensions.FluentValidation/2.0.0 (Adds proper .net 5 /6 support)
https://www.nuget.org/packages/BlazorStrap/5.0.105-Preview3 (changes to BSDataTable)
https://github.com/chanan/BlazorStrap/releases/tag/5.0.106-Beta1
This is a beta release because it does contain code changes that need testing to make sure they didn't break anything.
I am using a Blazorstrap modal in the BWA project with below code, when you click on the close button the dialog closes, then the screen gets frozen. any help on this issue is much appricated.
<BSModal DataId="modal2" HasCloseButton="true" ShowBackdrop="true">
<Header>Withdraw bid</Header>
<Content>Would you like to withdraw bid?</Content>
<Footer Context="modal">
<BSButton MarginStart="Margins.Auto" Color="BSColor.Secondary" @onclick="modal.HideAsync">Close</BSButton>
<BSButton Color="BSColor.Primary">Understood</BSButton>
</Footer>
</BSModal>
<BSButton Color="BSColor.Primary" Target="modal2">Launch demo modal</BSButton>