用剃刀添加js代码

时间:2015-03-12 13:27:45

标签: javascript asp.net-mvc razor

我正在动态生成一些标签。我最终得到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)相同的选项卡上作为当前的语言。为此,我想我需要js,但由于我不能使用razor语法编写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();
  }
}

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

  

我无法使用razor语法编写js代码

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

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