Razor：从页面模板上的组件模板中检索变量

Question

---

大家好，我一直在研究一套Razor模板，这些模板既可以使用体验管理器进行站点编辑，也可以使用Twitter引导程序完全响应多个屏幕宽度。 因此，我需要根据Experience Manager编辑器添加或删除的内容动态操作DOM输出，但仍然保持响应式设计。 这种结构的一部分是遵守twitter bootstrap规定的规则。

twitter引导程序通过使用类引入动态计算的div宽度，可实现出色的响应式设计 。 例如， <div class="span12>使用包装器的整个宽度。”span6“有效地使用了一半，并且还计算了一定的余量以允许另一个具有”span6“的div。但是，这仅适用于前面的类被称为<div class="row-fluid"> ，只要span <numbers>实际上恰好合计为12.当我需要关闭<div class="row-fluid">实际达到此数字时。

澄清一下：它必须像这样输出

<div class="row-fluid">
    <div class="span6">..code</div>
    <div class="span4">..code</div>
    <div class="span2">..code</div>
</div>

<div class="span[#]">使用组件模板进行渲染，以允许页面模板呈现的<div class="row-fluid>多个组件。

但是，从组件模板级别来看，我似乎无法检索到该页面本身实际存在的该模板的实际组件数量。 我根据组件本身的模式选项计算所用组件的宽度。 我使用以下组件模板代码来正确呈现它：

@{
var spanClass = String.Empty;
if (Fields.HasField("component_width") && Fields.component_width != null) {
    if (Fields.component_width.ToLower() == "full") {
        spanClass = "span12";
    } else if (Fields.component_width.ToLower() == "half") {
        spanClass = "span6";
    } else if (Fields.component_width == "40%") {
        spanClass = "span5";
    } else if (Fields.component_width == "35%") {
        spanClass = "span4";
    } else if (Fields.component_width == "25%") {
        spanClass = "span3";
    }
}
}
<div class="@spanClass">...code

要回答我的问题：如果已达到数字12，我需要能够关闭<row-fluid> div。 因此，如果选择了一个具有“完整”（宽度）选项的组件，则需要显示以下输出代码：

<div class="row-fluid">
    <div class="span12">..code</div>
</div>

如果页面上有两个组件，并且选择了“half”选项，则必须允许

<div class="row-fluid">
    <div class="span6">..code</div>
    <div class="span6">..code</div>
</div>

介意结束时的结束div。 有没有办法可以到达我在组件模板上创建的变量var spanClass = String.Empty; 来自页面模板？ 就像是：

@foreach (var cp in GetComponentPresentationsByTemplate("XM_Generic Content")) {
            @if (cp.Component.spanClass == "span6") {
                <div class="row-fluid">
                @cp.RenderComponentPresentation()
                @if (cp.Index == 1) {
                   </div>
                }
            }
}

我仍然了解Razor模板，响应式设计和当然StackOverflow的实用性。 有可能我完全错过了一些东西，在我的代码中犯了一个愚蠢的错误，只是问了一个愚蠢的问题。 无论如何，请告诉我。

Answer 1

模板运行时之间不共享包，因此这种行为是正常的（无法查看来自不同实例的一个模板中设置的变量）。

有很多方法可以解决这个问题，但你应该考虑一下Tridion选择隔离模板执行的原因。

请参阅此处了解解决此问题的方法之一。

Answer 2

使用ContextVariables字典的标准技术不允许您在CT中设置某些内容并从PT访问它。 实际上，每次渲染Component时，渲染上下文都会从页面渲染上下文中获取变量的新副本。 因此，回写它们是无效的。 有一种技术可以解决这个问题， 详细描述了tridion-practice 。 如前所述，采用这些技术不应该是你的第一选择，但有时你需要。

Answer 3

目前，似乎用户正在组件字段中定义宽度位置。 我认为，它很典型，但如果你创建了5个组件模板，它将调用相同的Razor TBB，并且还定义了组件模板上的参数模式，其中可以设置组件的宽度，然后您可以轻松调用这些不同的CT页面模板。