How to user DynamicComponent to render RadzenDropdown with list

Vaishali Vishwakarma

I want to provide Custom datasets alongside of added dropdown that will be bind by DynamicComponent as per my need.
How to achieve this using RenderFragment?

I've tried but it's not worked yet I'm working on multiple components on the same page with that dropdown all are rendered using DynamicComponent.

Please share some example codes, if possible, that will be helpful.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vaishali Vishwakarma2y ago

Thanks, Jayraj I want this RenderFragment on a button click, but it's not working i have tried to debug it also but not getting it on that function.


//field is my form model property that will contains attributes related to a form field e.g. Label, Id, Class...etc

//function on same .razor page @code
RenderFragment RenderDropdown(FormField formField) => builder =>
{
    builder.OpenComponent(0, typeof(RadzenDropDown));
    builder.AddAttribute(1, "Data", typeOfRegistrationList);
    builder.CloseComponent();
};

Jayraj Chhaya2y ago
To render a RadzenDropdown with custom datasets using DynamicComponent in Blazor, you can create a RenderFragment that defines the dropdown's structure and behavior.
```
@code {
    List customData = new List { "Option 1", "Option 2", "Option 3" };

    RenderFragment RenderDropdown() => builder =>
    {
        builder.OpenComponent(0, typeof(RadzenDropdown));
        builder.AddAttribute(1, "Data", customData);
        builder.CloseComponent();
    };
}
```
In this example, customData represents your custom dataset. You can then use RenderDropdown() within your DynamicComponent to render the RadzenDropdown with the custom dataset. Ensure that the necessary Radzen components are imported and configured in your project for this to work seamlessly.