RadioList on Tabs are changing in unison

Radzen Studio Blazor Server
1

Hello,

I'm sure I'm doing something wrong but I can't figure out what. I have three tabs generated by a loop.
On each tab I then generate a RadioSelectList and each RadioList is getting it's correct list options.

However if I select a RadioList option like 2 the other tabs RadioList switch to option two as well.
Somehow I've got it confused thinking all the RadioList across all tabs are "connected"

<RadzenTabs RenderMode="TabRenderMode.Server" Change=@(args => TabChange(args))>
            <Tabs>
                @foreach (var domain in _defaultRatingValues.RatingDomains)
                {
                    <RadzenTabsItem Text="@domain.Name">
                        <RadzenRadioButtonList TValue="int" Orientation="Orientation.Vertical" Change=@(args => RatingSelection(args))>
                            <Items>
                                @foreach (var item in domain.RatingLabels)
                                {
                                    <RadzenRadioButtonListItem Text="@item.RatingDescription" Value="@item.RatingValue" />
                                }
                            </Items>
                        </RadzenRadioButtonList>
                    </RadzenTabsItem>
                } 
            </Tabs>
        </RadzenTabs>

What am I doing wrong when building my RadzenRadioList options?

2

You can set Name for each RadzenRadioButtonList to avoid this.

3

I could have swore I tried this. I'll try again.

4

@enchev

I'm sorry but I don't know what I'm missing. They are change in unison?

@foreach (var domain in _defaultRatingValues.RatingDomains)
{
    var listName = domain.Name.Replace(" ", "");
    <RadzenFieldset Collapsed="true" AllowCollapse="true">
        <HeaderTemplate>
            <span>
                <RadzenIcon Icon="star_half" /><b style="font-size:20px">@domain.Name</b>
            </span>
        </HeaderTemplate>
        <ChildContent>
            <RadzenRadioButtonList Value="@SelectedRating" Disabled="@IsRadioDisabled" Name="@listName" TValue="int" Orientation="Orientation.Vertical" Change=@(args => RatingSelection(args, listName))>
                <Items>
                    @foreach (var item in domain.RatingLabels)
                    {
                        <RadzenRadioButtonListItem Text="@item.RatingDescription" Value="@item.RatingValue" />
                    }
                </Items>
            </RadzenRadioButtonList>
        </ChildContent>
    </RadzenFieldset>
    <br />
}

I don't know if this is any help or not but here is what is generated in F12 dev tools.

<div class="rz-radio-button-list-vertical " id="LhyTGf2xCk" _bl_703d9261-e934-4d72-8d1c-91c47e21588c="">
5

@enchev Can you take a quick look and advise if I'm missing something?

6

I've tested your code and it worked normally for me:

image
image1920×1080 219 KB

image
image1920×1080 124 KB

7

@enchev

Yes you were right again. I was working something else but when I came back to this I found it was a bug in my code and I was syncing them together