Values not showing in Radzen MultiSelect

Radzen.Blazor Components
1

Good morning,

New to using the components and followed the example but the dropdown is not showing the values (clicking the icon does not reveal items for selection).

Here is my code:
<RadzenDropDown @bind-Value=@values Data=@reqTypes TextProperty="@nameof(RequestTypes.RequestType)" ValueProperty="@nameof(RequestTypes.RequestTypeID)" Name="drpDown_RequestTypes"
Multiple=true AllowClear=true Placeholder="Select Request Type(s)" Style="width: 100%; max-width: 400px;" />

@code {
string tempstring = string.Empty;
string fileName = string.Empty;
long? fileSize;

IEnumerable<int> values;
IEnumerable<RequestTypes> reqTypes;

protected override async Task OnInitializedAsync()
{
    await base.OnInitializedAsync();

    values = new List<int>() { 0, 1 };

    var fcrmMetricsServices = new FCRMMetricsServices(Configuration);

    var fcrmMetricsServicesResult = fcrmMetricsServices.GetRequestTypes();

    reqTypes = fcrmMetricsServicesResult.ToList();

}

}

2

We can’t run this code to test it - it’s hardly readable also since it’s not even formatted. Check our forum FAQ on how to improve your post.

3

My apologies, here is a code snippet (create it with a simple list instead of code directly from the database). Objects still in the same concept.

@page "/metrics_reporting/loginsfail"

@rendermode InteractiveServer


@inject IConfiguration Configuration

<RadzenDropDown @bind-Value=@values Data=@reqTypes TextProperty="@nameof(RequestTypes.RequestType)" ValueProperty="@nameof(RequestTypes.RequestTypeID)" Name="drpDown_RequestTypes"
                Multiple=true AllowClear=true Placeholder="Select Request Type(s)" Style="width: 100%; max-width: 400px;" />

@code {

    public class RequestTypes
    {
        public int RequestTypeID { get; set; }
        public string RequestType { get; set; }
    }

    IEnumerable<int> values;
    IEnumerable<RequestTypes> reqTypes;

    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();

        values = new List<int>() { 5 };

        var requestTypeList = new List<RequestTypes>();
        requestTypeList.Add(new RequestTypes() { RequestTypeID = 1, RequestType = "Negative Media review" });
        requestTypeList.Add(new RequestTypes() { RequestTypeID = 2, RequestType = "Politically Exposed Person Review (Determination?)" });
        requestTypeList.Add(new RequestTypes() { RequestTypeID = 3, RequestType = "Marijuana review (prohibited client review?)" });
        requestTypeList.Add(new RequestTypes() { RequestTypeID = 4, RequestType = "Manual Non Broker Dealer Review (Schwab Banking and Trust Services Review?)"});
        requestTypeList.Add(new RequestTypes() { RequestTypeID = 5, RequestType = "AML Hotlist Review" });
        requestTypeList.Add(new RequestTypes() { RequestTypeID = 6, RequestType = "Other (Only visible to AML Special Risk?)" });

        reqTypes = requestTypeList.AsEnumerable<RequestTypes>();

    }

}
4

Here is what I see with this code in our demos:

image
image1920×1080 177 KB

image
image1920×1080 157 KB

5

Wow....I am not seeing the drop down items

6

I see that you’ve declared explicitly render mode for your page to be interactive still it will be useful to check if the page is really interactive - a simple button will raise click event if everything is as it should.

8

I passed this in and it work

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>
9

Check also if there are some errors in the browser console - might prevent the component to work properly. You can also check using the browser element inspector what and where is rendered.

10

Here is the browser errors
image

11

There are no errors on this screenshot. Check if the popup is rendered, where and with what styles.

12

Not sure what you mean..sorry

13
14

Thanks...will review. By the way...would running this locally (localhost) cause this issue

15

I don’t think that can cause such issue.

16

I think the control may be loading twice and that is causing the data problem. I actually see the control twice on the page and Chrome is indicating that as an issue.

This article describes a little of it: .NET 8 Blazor component visibly loading twice? Check your prerendering

18

Follow up on this....it is definitely creating the control twice when there is attempt to load data (I had controls on the page that were not populated with data and there was only one instance).

Working through the render modes to determine the best route