ASP.NET MVC Razor视图中长C#代码如何换行？避免渲染为HTML

嘿，这个问题我太熟悉了！在Razor视图里写长链式调用的时候，直接敲回车确实会被解析成HTML空白或者导致代码报错，不过有几个简单靠谱的办法能解决：

方法1：保持链式调用的语法连续性（最常用） #

Razor会识别C#的链式调用结构，只要你把每个方法调用的.放在行首或者行尾，就能安全换行，不会被解析成HTML。比如你给的示例代码，可以改成这样：

@Html.Grid(stuff)
    .Columns(columns => { 
        // 这里写你的列配置逻辑
    })
    .Sortable()
    .Filterable()
    .WithMultipleFilters()
    .WithPaging(WebSettings.DefaultPageSize)
    .WithAjax(true)
    .Exportable(true)

这里把每个.XXX()方法单独起一行，并且适当缩进，既保证代码可读性，又不会让Razor误解成HTML内容。

方法2：用显式代码块包裹（更稳妥） #

如果你的代码逻辑更复杂，或者担心Razor的解析出问题，可以先在@{ ... }代码块里构建好你的对象，然后再输出。这样里面的代码可以随意换行，完全不受Razor视图的HTML解析影响：

@{
    var gridComponent = Html.Grid(stuff)
        .Columns(columns => { 
            // 列配置代码
        })
        .Sortable()
        .Filterable()
        .WithMultipleFilters()
        .WithPaging(WebSettings.DefaultPageSize)
        .WithAjax(true)
        .Exportable(true);
}
@gridComponent

这种方式尤其适合需要添加额外逻辑（比如条件判断）的场景，先在代码块里处理好所有逻辑，再把最终结果输出到视图中。

避坑提醒 #

千万别把链式调用的方法单独拆成一行却不保持语法连接——比如不要写成：

@Html.Grid(stuff).Columns(...)
.WithAjax(true) // 这里的点前面没有延续的代码，Razor会报错！

必须保证每个换行后的方法调用开头的.是紧跟前一行的代码逻辑，或者像方法2那样放在显式代码块里。

内容的提问来源于stack exchange，提问作者Savage