ASP.NET MVC Razor語法錯誤

Question

我如何將此代碼轉換為剃刀語法：

<% for (int i = 0; i < items.Length; i++)  %>
<%{
    if (i % 3 == 0)
    { %>
      <tr>
 <% } %>
    <td><a href="<%: url[i] %>"><%: title[i] %></a></td>           
 <% if (i % 3 == 2)
    { %>
      </tr>        
 <% } %>
<%} %>

我試試，但沒有成功：

@for (int i = 0; i < items.Length; i++) 
{
    if (i % 3 == 0) 
    { 
        <tr>
    }
    <td><a href="@(url[i])">@(title[i])</a></td>
    if (i % 3 == 2) 
    {
        </tr>
    }
}

Answer 1

我找到了解決方案：

    @for (int i = 0; i < items.Length; i++)
{
    if (i % 3 == 0)
    {
@:<tr>
    }
    <td><a href="@url[i]"><img height="@(48 * Scale.Value)" width="@(48 * Scale.Value)" src="/i@(Scale.Value)/@(items[i]).png"/><span>@text[i]</span></a></td>
    if (i % 3 == 2)
    {
@:</tr>
    }
}

這里是我對razor語法的介紹 ，但是：

使用@：運算符或<text>元素。 @：輸出包含純文本或不匹配的HTML標記的單行內容; 元素包含多行輸出。 當您不希望將HTML元素呈現為輸出的一部分時，這些選項很有用。

我不知道，為什么<text>正在運作。 也許是因為剃刀仍然是RC，而不是釋放

Answer 2

對於計數不能被3整除的列表，其他一些答案無效。這是我認為更好的解決方案

@for(int i=0 ; i < items.Length ; ) {
    <tr>
        @for(int maxInRow = i+3 ; i < items.Length && i<maxInRow ; i++) {
            <td><a href="@url[i]">@title[i]</a></td>
        }
    </tr>
}

Answer 3

你可以像這樣使用<text>標簽或IHtmlString：

@for (int i = 0; i < items.Length; i++) 
{
    if (i % 3 == 0) 
    { 
        <text><tr></text>
    }
    <td><a href="@(url[i])">@(title[i])</a></td>
    if (i % 3 == 2) 
    {
        @MvcHtmlString.Create("</tr>")        
    }
}

---

編輯

在我的網站上，我解決了這樣的事情：

創建一個以模板為參數的函數：

@functions {
    public IHtmlString conditionalTag(bool condition, string tag, Func<object, HelperResult> template) {
        var startTag = condition ? string.Format("<{0}>", tag) : "";
        var endTag = condition ? string.Format("</{0}>", tag) : "";
        return new HtmlString(string.Format("{0}{1}{2}", startTag, template(null).ToString(), endTag));
    }
}

您可以像這樣調用此函數：

@for (int i = 0; i < items.Length; i++) 
{
    @conditionalTag(i % 3 == 0, "tr", @<text>
       <td><a href="@(url[i])">@(title[i])</a></td>
    </text>)
 }

Answer 4

我還沒有使用過Razor，但我很確定你可以通過過濾掉只輸出行標簽的列表元素來大大簡化代碼。 這樣做的一種方法就是增加它們。 您也可以將Linq與Where子句一起使用。 它看起來更像是這樣的：

@for (int i = 1; i < items.Length; i+=3) 
{ 
<tr> 
    <td><a href="@url[i]"><img height="@(48 * Scale.Value)" width="@(48 * Scale.Value)" src="/i@(Scale.Value)/@(items[i]).png"/><span>@text[i]</span></a></td> 
</tr> 
} 

我猜這個視圖引擎也可能更好，因為它可以看到每個開始標記都與結束標記匹配。