Adding element attribute in view based on razor variable

Question

I have a view that has a list and I want to add a class to a specific list item depending on a variable in the view model.

<ul>
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
</ul>

The variable could be anything. Currently it is an integer. Below is what I have now, but I don't think this is the cleanest way to do this.

string[] listClasses = new string[3];
int? selectedListElement= (int?)ViewData["SelectedListElement"];
if(tabNumber.HasValue)
{
    tabClasses[tabNumber.Value] = "selected";
}
<li class="@listClasses[0]">List Item 1</li>
<li class="@listClasses[1]">List Item 2</li>
<li class="@listClasses[2]">List Item 3</li>

Community · Accepted Answer · 2017-05-23 12:25:15Z

3

Why not put the class name into your view model and use conditional attributes

Conditional HTML Attributes using Razor MVC3

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Oct 25, 2012 at 17:33

dove

20.8k14 gold badges88 silver badges109 bronze badges

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

2 Comments

Michael Over a year ago

So you are saying add 3 variables to my view model and set them to either null or "selected", then in the view do <li class="@listItem1Class">List Item 1</li>?

Michael Over a year ago

This is what I ended up doing. Thanks. It removed any logic in the view. Then on the viewModel I just set ViewData["list" + selected + "class"] = "selected" Then in the view I set each list to have a class attribute class="@ViewData["list1class"]", etc. If the viewdata is null conditional attributes save me. Thanks

Collectives™ on Stack Overflow

Adding element attribute in view based on razor variable

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related