MVC - How to add css property on dropdown based on condition

Question

I started using MVC after a long time and now I am unable to do some things really easy.

Model class:

public class TaskDetails
{
    public string ProjectID { get; set; }
    public string ProjectName { get; set; }
    public DateTime StartDate { get; set; }
    public DateTime EstimatedDate { get; set; }
    public string TaskDescription { get; set; }
}

Controller:

List<SelectListItem> query = DE.tblEmployees
                               .Select(c => new SelectListItem { Text = c.Name, Value = c.Name })
                               .ToList();
ViewBag.Categories = query;
return View();

View:

<div class="dropdown">
@Html.DropDownList("CategoryID", (List<SelectListItem>)ViewBag.Categories, "--User Name--")
</div>

This is the source and its working perfectly, but what I want to do is to hide all specific options in dropdown where Value != NewTask

What is NewTask ?

Shyju
– Shyju

2017-11-20 14:56:59 +00:00
Commented Nov 20, 2017 at 14:56 — Shyju
– Shyju, Commented Nov 20, 2017 at 14:56
Text = c.Name, Value = c.Name are you sure ??

Asif Raza
– Asif Raza

2017-11-20 16:53:18 +00:00
Commented Nov 20, 2017 at 16:53 — Asif Raza
– Asif Raza, Commented Nov 20, 2017 at 16:53

Vitaly Zhynov · Accepted Answer · 2017-11-20 21:04:20Z

1

Not sure is solution for you, but just in case.

 List<SelectListItem> query = DE.tblEmployees
    .Select(c => new SelectListItem { Text = c.ProjectName, Value = c.ProjectName })
    .Where(x => x.Value.Equals("NewTask"))
    .ToList();

Or in view directly:

@Html.DropDownList("CategoryID", ((List<SelectListItem>)ViewBag.Categories).Where(x => x.Value.Equals("NewTask")), "--User Name--")

edited Nov 20, 2017 at 21:04

user3559349

answered Nov 20, 2017 at 15:18

Vitaly Zhynov

513 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mike · Accepted Answer · 2017-11-20 14:28:36Z

0

If I'm not mistaken, you want to show in your dropdown the ProjectIDs which are greater than 10, right?

You can do that at your controller,

DE.tblEmployees.Select(c => new SelectItem
                      {Text = c.Name, Value = c.Name }).Where(x => x.ProjectID > 10).ToList();

Hope this will help.

answered Nov 20, 2017 at 14:28

Mike

831 gold badge1 silver badge14 bronze badges

2 Comments

Pete Over a year ago

Have you answered the right question? Sorry, after looking more, you have - just don't know where you are getting the specific project ids > 10 bit from (unless question was edited and edit hasn't shown up)

Ancient Over a year ago

Sorry, I added that first by mistake please see update

Collectives™ on Stack Overflow

MVC - How to add css property on dropdown based on condition

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related