MVC Razor如何使用我的HTML助手？

我已经创建了一个简单的Gallery html helper，目前它不够漂亮，因为我无法使用Razor。（我也喜欢用行动为我会与web表单视图引擎完成）MVC Razor如何使用我的HTML助手？

public static HelperResult Gallery<T>(this HtmlHelper html, 
           IEnumerable<T> items, 
           int itemsPerRow, 
           Action rowContainer, 
           Func<T, HelperResult> itemContainer, 
           Action endRowContainer) 
{ 
    if (items == null) 
     return new HelperResult(writer => { }); 

    int itemCount = 1; 

    return new HelperResult(writer => 
     { 
      rowContainer(); 
      foreach (var item in items) 
      { 
       if (itemCount % itemsPerRow == 0) 
       { 
        endRowContainer(); 
        rowContainer(); 
       } 
       itemContainer(item).WriteTo(writer); 
       itemCount++; 
      } 
      endRowContainer(); 
     }); 


}

这是intened使用，但rowContainer和endRowContainer在生成的HTML的顶部outputed

@Html.Gallery(
     Model.Stores, 
     3, 
     ()=> { Response.Write("<div class=\"portfolio_box_container\">"); }, 
     @<div class="portfolio_box" style="padding-right: 25px"> 
      <img src="item.png" width="120" height="43" alt="" /> 
     </div> 
     , 
     () => { Response.Write("</div>"); })

我在做什么错了？

如果要打印出来是这样的：

<div class="portfolio_box_container"> 
    <div class="portfolio_box" style="padding-right: 25px"> 
     <img src="item.png" width="120" height="43" alt="" /> 
    </div> 
    <div class="portfolio_box" style="padding-right: 25px"> 
     <img src="item.png" width="120" height="43" alt="" /> 
    </div> 
    <div class="portfolio_box" style="padding-right: 25px"> 
     <img src="item.png" width="120" height="43" alt="" /> 
    </div> 
</div> 
<div class="portfolio_box_container"> 
    <div class="portfolio_box" style="padding-right: 25px"> 
     <img src="item.png" width="120" height="43" alt="" /> 
    </div> 
    <div class="portfolio_box" style="padding-right: 25px"> 
     <img src="item.png" width="120" height="43" alt="" /> 
    </div> 
    <div class="portfolio_box" style="padding-right: 25px"> 
     <img src="item.png" width="120" height="43" alt="" /> 
    </div> 
</div>

来源

2011-05-30 dbones

它是什么现在印刷这样的动作参数？或者它抛出一个错误？ – 2011-05-30 02:07:21

的问题是，你应该使用HelperResult行动的“作家”参数写在你的行动来输出。现在您使用Response.Write立即写入HTTP响应，而HelperResult具有自己的写入器，然后将其复制到响应中。

最简单的解决方案是如果您使用Action<TextWriter>而不是Action，然后您可以将“作者”传递给您的动作部分。例如使用参数Action<TextWriter> rowContainer，并在Gallery助手中将其称为rowContainer(writer)。

然后，你可以传似(writer)=> { writer.Write("<div class=\"portfolio_box_container\">"); }

来源

2011-05-30 09:15:13

非常有意义 – dbones 2011-05-30 11:04:50

MVC Razor如何使用我的HTML助手？

回答

相关问题