Razor 语法和 JavaScript

作为测试，我将我们编写的概念验证应用程序从 Web 表单转换为 Razor，以便我们可以对其进行评估。

到目前为止，我遇到了一个让我头疼的问题..生成客户端 Javascript...

网络表格

<script type="text/javascript">
    var jqGridIdList = "<%: Url.Action ("getidlist", "office", new { area = "reports" }) %>";

    var availableIds = [];
    <% for (var i = 0; i < Model.Data.Count (); i++) { %>
    availableIds.push({ value : "<%: Model.Data.ElementAt (i).Text %>", label : "<%: Model.Data.ElementAt (i).Text %>" });
    <% } %>
</script>

剃刀语法

<script type="text/javascript">
    var jqGridIdList = "@Url.Action("getidlist", "office", new { area = "reports" })";

    var availableIds = [];
    @for(var i = 0; i < Model.Data.Count (); i++) {
    availableIds.push({ value : "@Model.Data.ElementAt(i).Text", label : "@Model.Data.ElementAt(i).Text" });
    }
</script>

编译器在“availableIds.push”行上给出以下错误：

编译器错误消息：CS1525：无效的表达式术语“{”

它显然试图将其编译为 C#...但我该如何阻止它呢？

Thanks,
Kieron

您需要将其包装在伪元素中<text>。这会将解析器切换回 html 模式，然后它将解析 javascript 作为 html 而不是 c# 的一部分。发生这种情况的原因是@for()是一个 C# 块，其中处理的任何内容也被视为 C#，直到它被 html 标记转义。由于您可能不想要 html 标签剃刀提供的<text>标签来切换模式。

如果您注意到 ASP.NET Web 表单中的差异，请结束<% for与一个线%>这使它退出 C# 模式。如果您下载 Visual Studio 2010 的 razor 荧光笔扩展，它将帮助您了解何时将代码视为代码，何时将 html 视为 html。

<script type="text/javascript">
    var jqGridIdList = "@Url.Action("getidlist", "office", new { area = "reports" })";

    var availableIds = [];
    @for(var i = 0; i < Model.Data.Count (); i++) {
        <text>availableIds.push({ value : "@Model.Data.ElementAt(i).Text", label : "@Model.Data.ElementAt(i).Text" });</text>
    }
</script>

更新至最新版本

您现在可以使用@:语法更具可读性

<script type="text/javascript">
    var jqGridIdList = "@Url.Action("getidlist", "office", new { area = "reports" })";

    var availableIds = [];
    @for(var i = 0; i < Model.Data.Count (); i++) {
        @:availableIds.push({ value : "@Model.Data.ElementAt(i).Text", label : "@Model.Data.ElementAt(i).Text" });
    }
</script>