CodeBeam.MudBlazor.Extensions icon indicating copy to clipboard operation
CodeBeam.MudBlazor.Extensions copied to clipboard

MudSelectExtended not working

Open tantuffah opened this issue 1 year ago • 8 comments
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?

tantuffah avatar Sep 03 '24 15:09 tantuffah