CodeBeam.MudBlazor.Extensions
CodeBeam.MudBlazor.Extensions copied to clipboard
MudSelectExtended not working
trafficstars
Hi, I'm trying to use this library but I have some problem with MudSelectExtended components.
My projects has: MudBlazor 7.7.0 CodeBeam.MudBlazor.Extensions 7.0.1 .NET 8
When I try to use this component I get this error:
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 System.Text.StringBuilderCache.GetStringAndRelease(StringBuilder sb)
at MudBlazor.Utilities.StyleBuilder.Build()
at MudExtensions.MudListExtended`1[[System.String, System.Private.CoreLib, Version=8.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].get_Stylename()
at MudExtensions.MudListExtended`1[[System.String, System.Private.CoreLib, Version=8.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].BuildRenderTree(RenderTreeBuilder __builder)
at Microsoft.AspNetCore.Components.ComponentBase.<.ctor>b__6_0(RenderTreeBuilder builder)
at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment, Exception& renderFragmentException)
My code is:
<MudSelectExtended T="string" @bind-Value="@model.SenderFilterStr"
For="@(() => model.SenderFilterStr)"
Margin="Margin.Dense"
Dense="true"
FullWidth="true">
@if (senderOpts != null)
{
@foreach (var opt in senderOpts)
{
<MudSelectItemExtended Value="opt.Id" T="string" >
@opt.Value
</MudSelectItemExtended>
}
}
</MudSelectExtended>
where senderOpts is just a List of object (Id, Value) that is calculate asynchronously.
I also tried trymudextensions.pages.dev, using same code found on https://codebeam-mudextensions.pages.dev/mudselectextended (first example):
<div class="d-flex gap-8">
<MudSelectExtended T="string" Label="RenderFragment Based">
<MudSelectItemExtended Value="@("Foo")" Text="Foo" />
<MudSelectItemExtended Value="@("Bar")" Text="Bar" />
<MudSelectItemExtended Value="@("Fizz")" Text="Fizz" />
<MudSelectItemExtended Value="@("Buzz")" Text="Buzz" />
</MudSelectExtended>
<MudSelectExtended T="string" Label="Data Based" ItemCollection="_collection" />
</div>
@code {
string[] _collection = new string[] { "Foo", "Bar", "Fizz", "Buzz" };
}
but it has problems too: the dropdown with list is not shown.
(Dont know why, but I cannot save snipet on trymudextensions.pages.dev - save icon is disabled -, so I cannot post link to a code ready to test).
May you please help me?