How do I show many dropdown dynamically using by if condition?

Question

0.00/5 (No votes)

See more:

Hi All,

I have two html page. First page contain 7 and second page also contains same 7 dropdown. Here only different is, if first page passing a parameter like show only 4 dropdown in the second page then should show only 1 to 4 dropdown in the second html page. Otherwise 6, then only show 1 to 6.

How can I implement this using c# code because I am using Blazor technology ?

What I have tried:

Can I use like:-

C#

@if (frstPageDropDownPageNo == 5)
{
 <RadzenDropDown1 />
 <RadzenDropDown2 />
 <RadzenDropDown3 />
 <RadzenDropDown4 />
 <RadzenDropDown5 />
}
else if (frstPageDropDownPageNo == 2){
<RadzenDropDown1 />
 <RadzenDropDown2 />
}
.
.
.

Posted 6-Nov-22 19:34pm

Rajesh Kumar 2013

Updated 7-Nov-22 18:46pm

RickZeeland

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Old Mate Jim · Accepted Answer · 2022-11-07T18:46:00

I am a bit rusty on my Blazor and only took a quick look at the Radzen components for this, but what I would do is create a component that can have multiple drop-downs based on a parameter passed to it like so:

Razor

<h3>MultipleDropdowns</h3> @{ while(dropDownCount < DropDownAmount) { <h5>Dropdown @(dropDownCount+1)</h5> <Radzen.Blazor.RadzenDropDown TValue="string"/> dropDownCount++; } } @code { private int dropDownCount = 0; [Parameter] public int DropDownAmount { get; set; } = 0; }

This is very basic but a good starting point. You could then use this component like so:

Razor

<div> <MultipleDropdowns DropDownAmount="5"/> </div>