How to concatenate the id of the HTML element using Razor ASp.NET MVC

Question

I have a grid column with checkboxes and I want to give them a different id. Id is based on the CustomerId in the Model. What syntax should I use to concatenate the chk_@item.CustomerId.

// using the telerik grid 
id="chk_@item.OrderNumber"  // does not work

// this will put the value of @item.Customernumber as the checkbox id

columns.Template(@<text><input type='checkbox' id="@item.Customernumber" name="@item.CustomerNumber" value="@item.OrderNumber" /></text>).Width(50)

second option:

columns.Template(@<text><input type='checkbox' id="chk_@item.Customernumber" name="@item.CustomerNumber" value="@item.OrderNumber" /></text>).Width(50)

the above will render as

<input type="checkbox" id="chk_@item.Customernumber" value=... />

How do you conclude "does not work", what is happening. From the code you post, I cannot see if this is from your View or controller. Post just a little more (wrapping {} or would be nice to get the context). — GvS, Jan 21 '11 at 14:23
@johndoe, the answer sorts the issue out. could you mark it as answer? — AnarchistGeek, Feb 05 '12 at 20:01
http://stackoverflow.com/questions/6671086/is-there-a-way-to-concatenate-strings-in-html-attributes — AnarchistGeek, Feb 05 '12 at 20:04

score 48 · Answer 1 · answered Jan 21 '11 at 14:40

48

chk_@item.OrderNumber will not work because razor thinks of it as of an e-mail, you need to do it like this instead: chk_@(item.OrderNumber)

answered Jan 21 '11 at 14:40

Omu

69,856
92
277
407

1

it appends '(' as well in data – Saboor Awan May 04 '12 at 05:24
2

[Here](http://stackoverflow.com/questions/4702957/asp-net-mvc-razor-concatenation/) is another post, hope helps someone. – Shaiju T Jul 30 '16 at 14:30

score 33 · Answer 2 · edited Sep 11 '15 at 13:00

33

Correct Syntax

id="@("chk_"+@item.Id)"

edited Sep 11 '15 at 13:00

Milen

8,697
7
43
57

answered May 04 '12 at 05:29

Saboor Awan

1,567
4
24
37

anil shrestha · Answer 3 · 2020-06-08T10:06:18.393

0

This does works now in latest MVC:

id="chk_@item.OrderNumber"

Happy coding.

edited Jun 08 '20 at 10:06

answered Jun 02 '20 at 08:52

anil shrestha

2,136
2
12
26

How to concatenate the id of the HTML element using Razor ASp.NET MVC

3 Answers3

Linked