用剃刀添加js代码

Question

我正在动态生成一些标签。 我最后有4个标签。 选项卡的类是在foreach循环中设置的，并且设置为languageId，如下面的代码所示。

<div id="tabs">
  <ul>
    @for (int i = 0; i < Model.NoteViewModel.NoteTextViewModels.Count(); i++)
    {                                                       
      var languageId = @Model.NoteViewModel.NoteTextViewModels[i].LanguageId;                               
      var imageName = string.Format("FlagSmall_{0}.gif", languageId);
      <li>
        <a href="#@languageId" class="@currentLanguage">
          <img src="@Url.Content("~/Graphics/" + imageName)" />
        </a>
      </li>                                                                                     
    }
  </ul>

现在，我引入一个新变量： var currentLanguage = new NotesController().LogonInfo.LanguageId; 它保留了登录用户的当前语言。我想做的是将焦点设置在href（或id​​或class）与currentLanguage相同的选项卡上。 为此，我想我需要js，但是由于我无法拥有带有剃刀语法的js代码，因此我陷入了困境。 所以我想要这样的事情：

@for (int i = 0; i < Model.NoteViewModel.NoteTextViewModels.Count(); i++)
{                                                       
  var languageId = @Model.NoteViewModel.NoteTextViewModels[i].LanguageId;
  var currentLanguage = new NotesController().LogonInfo.LanguageId;                                
  var imageName = string.Format("FlagSmall_{0}.gif", languageId);                              
  <li>
    <a href="#@languageId">
      <img src="@Url.Content("~/Graphics/" + imageName)" />
    </a>
  </li>                    
  if (languageId == currentLanguage)
  {
    documentation.getElementById("currentLanguage").focus();
  }
}

我该如何实现？

Answer 1

我无法使用带有razor语法的js代码

当然可以，尽管您可能需要明确告知视图引擎这是客户端内容，而不是服务器端代码。 您可以使用<text>标记执行此操作。 它本身不是HTML标记，而是剃刀引擎用来指定静态内容的东西。 像这样：

<script type="text/javascript">
@for (int i = 0; i < Model.NoteViewModel.NoteTextViewModels.Count(); i++)
{
    <text>
    var someJavaScriptVariable = 'some value';
    // etc.
    </text>
}
</script>