Sitecore中能否通过参数切换CSHTML代码实现多布局组件？

当然可以实现！这其实是Sitecore组件开发里很常见的复用场景，完全不用维护两个独立组件。我给你一步步说具体怎么做：

1. 在Sitecore中添加布局控制参数 #

首先要在组件对应的Control Properties模板里添加一个用于选择布局的字段：

• 找到你组件的渲染项模板（通常位于/sitecore/templates/System/Layout/Renderings/路径下）
• 添加一个**下拉列表（Droplist）**字段，命名为LayoutType
• 设置字段的选项值，比如Default|默认布局和Scrolling|滚动布局，这样编辑人员就能在组件属性面板里直观选择布局类型

2. 在CSHTML中读取参数并渲染对应布局 #

在你的组件CSHTML文件里，先获取Sitecore传递的参数值，再通过条件判断渲染不同的HTML结构：

@{
    // 获取布局参数，为空时默认使用Default布局
    var layoutType = RenderingContext.Current.Rendering.Parameters["LayoutType"] ?? "Default";
}

<!-- 公共代码部分（这里放两个布局都需要的逻辑/内容） -->
<div class="widget-common-header">
    <!-- 公共头部内容 -->
</div>

@if (layoutType.Equals("Default", StringComparison.OrdinalIgnoreCase))
{
    <!-- 默认布局的HTML结构 -->
    <div class="widget-layout-default">
        <p>这是默认布局的内容区域</p>
        <!-- 其他默认布局元素 -->
    </div>
}
else if (layoutType.Equals("Scrolling", StringComparison.OrdinalIgnoreCase))
{
    <!-- 滚动布局的HTML结构 -->
    <div class="widget-layout-scrolling">
        <div class="scroll-container">
            <p>这是滚动布局的内容区域</p>
            <!-- 其他滚动布局元素 -->
        </div>
    </div>
}

<!-- 公共代码部分（这里放两个布局都需要的底部/脚本） -->
<div class="widget-common-footer">
    <!-- 公共底部内容 -->
</div>

3. 额外优化建议 #

• 拆分局部视图：如果两种布局的HTML结构比较复杂，建议把各自的布局部分抽成独立的局部视图（Partial View），让主CSHTML更简洁易维护：

  @if (layoutType.Equals("Default", StringComparison.OrdinalIgnoreCase))
  {
      @Html.Partial("_WidgetDefaultLayout")
  }
  else
  {
      @Html.Partial("_WidgetScrollingLayout")
  }
  

• 空值处理：始终给参数设置默认值，避免因参数未配置导致的空引用异常
• 体验编辑器兼容：确保在Sitecore Experience Editor中，参数选择后能实时预览对应的布局效果，提升编辑体验

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