用剃刀添加js代码

Question

我正在动态生成一些标签。我最终得到了 4 个标签。选项卡的 class 是在 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) 与当前语言相同。为此，我想我需要 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

I can't have js code with razor syntax

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

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

用剃刀添加js代码

adding js code with razor

javascript

asp.net-mvc

razor