单轨 ViewComponent 中的模板

Question

是否可以在 vm 中为块组件提供一个包含 html 内容的模板？

我在 html 中做了很多事情，并且希望 html 驻留在 .vm 中，而不是代码隐藏中。

这是我得到的：

    public class TwoColumn : ViewComponent
    {
    public override void Render()
    {
    RenderText(@"
     <div class='twoColumnLayout'>
      <div class='columnOne'>");
     // Context.RenderBody();
    Context.RenderSection("columnOne");
    RenderText(@"
      </div>
      <div class='columnTwo'>");
      Context.RenderSection("columnTwo");
    RenderText(@"
      </div>
     </div>
    ");
    }
   }

这是我想要得到的： pageWithTwoColumns.vm：

#blockcomponent(TwoColumn)
 #columnOne
  One
 #end
 #columnTwo
  Two
 #end
#end

twocolumn/default.vm（伪代码）：

<div class="twoColumnLayout">
 <div class="columnOne">
  #reference-to-columnOne
 </div>
 <div class="columnTwo">
  #reference-to-columnTwo
 </div>
</div>

Answer 1

ViewComponent 的基类上有 RenderView 方法。您可以做的是使用将视图就地写入 TextWriter 的重载。

只需将此方法粘贴到您的视图组件中即可完成

string RenderViewInPlace(string viewTemplate)
{
    var buffer = new StringBuilder();
    using (var writer = new StringWriter(buffer))
    {
        RenderView("myview", writer);
        return buffer.ToString();
    }           
}

Answer 2

我终于找到了使用 Ken 建议的 StringWriter 技术的解决方案，但方法不同。它不是 RenderView，而是 RenderSection

public override void Render()
{
    PropertyBag["sectionOneText"] = RenderSectionInPlace("sectionOne");
    PropertyBag["sectionTwoText"] = RenderSectionInPlace("sectionTwo");
    base.Render();
}

public string RenderSectionInPlace(string sectionName)
{

    var stringBuilder = new StringBuilder();
    Context.RenderSection(sectionName, new StringWriter(stringBuilder));
    return stringBuilder.ToString();
}

模板：

<div class="twoColumnLayout">
 <div class="columnOne">
  $sectionOneText
 </div>
 <div class="columnTwo">
  $sectionTwoText
 </div>
</div>

如果您不介意的话，我会建议单轨列车的功能。
如果能够像这样引用视图模板中的部分，那就太好了：

#render(sectionOne)