Question

I m trying the render an HTML list that looks like the following, using the Razor view engine:

<ul>
  <li id="item_1">Item 1</li>
  <li id="item_2">Item 2</li>
</ul>

The code that I am attempting to use to render this list is:

<ul>
@foreach (var item in Model.TheItems)
{            
  <li id="item_@item.TheItemId">Item @item.TheItemId</li>
}
</ul>

The parser is choking, because it thinks that that everything to the right of the underscore in the id attribute is plain text and should not be parsed. I m uncertain of how to instruct the parser to render TheItemId.

I don t want to but a property on the model object that includes the item_ prefix.

I also have to keep this syntax as I am using the list with JQuery Sortable and with the serialize function that requires the id attribute to be formatted in this syntax.

Answer 1

You should wrap the inner part of the call with ( ):

<li id="item_@(item.TheItemId)">

Answer 2

How about using String.Format? like this:

<li id="@String.Format("item_{0}", item.TheItemId)">

Answer 3

I prefer:

<li id="@String.Concat("item_", item.TheItemId)">

The verbosity tells the support developers exactly what is happening, so it s clear and easy to understand.

Answer 4

You can even use this way to concat more strings:

<li id="@("item-"+item.Order + "item_"+item.ShopID)" class="ui-state-default"></li>

Here is another post.

Hope helps someone.

Answer 5

You can so this in a simpler way:

id="item_@item.TheItemId"

Answer 6

This post seems to be older but now this does works now in latest MVC:

id="item_@item.TheItemId"

友情链接