CSHTML use C# variable in element ID

Question

Lets say I have a for-loop to generate elements in a table:

@for (var i = 0; i < Model.Count(); i+=2) {
  <tr>
    @{var a = Model.ElementAt(i); var b = Model.ElementAtOrDefault(i + 1);}
    <td>
      <div id="r@i" class="rack-container">
        ...              
      </div>
      <div id="s@i" class="rack-selector fade">
        ...                   
      </div>
    </td>
    <td>
      @if (b != null) {
        <div id="r@i+1" class="rack-container">
          ...              
        </div>
        <div id="s@i+1" class="rack-selector fade">
          ...                   
        </div>
      }
    </td>
  </tr>
}

The problem is that the element is literally assigned "r@i" instead of "r1","r2"..."rN" and so on. Is there any way to combine text and a variable as an element ID?

John H · Accepted Answer · 2013-11-15 21:59:38Z

14

Try:

<div id="s@(i + 1)" class="rack-selector fade">

It might be worth having a quick read of this.

edited Nov 15, 2013 at 21:59

answered Nov 15, 2013 at 21:52

John H

14.7k5 gold badges44 silver badges75 bronze badges

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

1 Comment

nlowe Over a year ago

I just found stackoverflow.com/a/15278992/1200316 literally seconds after posting. Thank you, I promise I will try to look harder next time :D

Collectives™ on Stack Overflow

CSHTML use C# variable in element ID

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related