javascript - Sitecore - 如果项目为 NULL，则渲染代码

Question

在 Sitecore 中，您可以使用以下方式轻松呈现上下文项的值

@RenderingContext.Current.Rendering.Item["itemname"]

但是:当我将 Controller 渲染放置到占位符时，尚未分配任何内容。因此不会渲染任何内容，因此我无法检查 null。

我的具体问题:
我想将数据库项的值添加到调用的参数中。

var options = {{lat: @RenderingContext.Current.Rendering.Item["lat"],
    lng: @RenderingContext.Current.Rendering.Item["lng"]},
    zoom: @RenderingContext.Current.Rendering.Item["zoom"]};

因为(还)什么都没有，所以部分 View 无法加载，因为(还)没有关联的内容==> javascript 错误。如果有内容就可以正常工作。

那我该怎么办

• 将默认关联内容项添加到 Controller 渲染 (mhhhh)
• 检查是否？没有？一片空白？ (更好)

有什么想法吗？有人遇到我的问题吗？

干杯!

Answer 1

您有几个选项可供选择，我会根据您的需求建议一些组合，但您也希望在各个方面进行防御性编码，因为内容作者有可能做他们不应该做的事情!

您可以为模板设置一些默认值，以便它们始终具有初始值。选择模板并突出显示构建器选项卡后，从功能区中选择选项选项卡，然后添加标准值

模板下将添加一个名为__Standard Values的新项目，您可以在那里设置默认值。确保您已在渲染中设置数据源位置和数据源模板字段，这将导致the prompt to create/select datasource item .

不过，您仍然需要进行防御性编码。如何做到这一点取决于您。例如，如果某些字段设置不正确，那么您可能根本不显示该组件或返回不同的 View 以显示它不正确:

public class WidgetController : GlassController
{
    public ActionResult Index()
    {
        var configItem = GetDataSourceItem<ILocationConfiguration>();

        if (configItem.Longitude == null && configItem.Latitude == null)
            return PartialView("~/Views/Components/Shared/IncorrectSettings.cshtml");

        return PartialView("~/Views/Components/Widget/Index.cshtml", configItem);
    }
}

(上面的示例使用 Glass Mapper ，我知道您没有使用它，但我强烈推荐它或在任何情况下使用 strongly types models 。尽管如此，该示例仍然存在。)

您还可以在 View 本身中进行一些检查，尽管我自己不会在其中放置太多代码。根据组件的不同，有时我们不会在体验编辑器模式下显示渲染的组件。下面的示例允许在 EE 模式下编辑值，但如果已设置值，则会呈现脚本 block 和组件:

@model Sitecore.Mvc.Presentation.RenderingModel

@if (!Model?.Item?.TemplateID=="guid" ?? true)
{
    @Html.Raw("<div class=\"error\">Incorrect Datasource</div>")
    return;
}

@if (Sitecore.Context.PageMode.IsExperienceEditor)
{
    <!-- This allows component settings to be edited in EE mode -->
    <div>
        Longitude: @Html.Sitecore().Field("lng", Model.Item)
        Latitude: @Html.Sitecore().Field("lat", Model.Item)
        Zoon: @Html.Sitecore().Field("zoom", Model.Item)
    </div>
}
else
{
    string lng = Model.Item["lng"],
           lat = Model.Item["lat"],
           zoom = Model.Item["zoom"];

    if (!string.IsNullOrEmpty(lng) && !string.IsNullOrEmpty(lat) && !string.IsNullOrEmpty(zoom))
    {
        <script>
            var options = { lat: @lat, lng: @lng, zoom: @zoom }
        </script>
        <div>
            set up the component in normal mode
        </div>
    }
}

有很多不同的方法可以实现上述目标，包括在 JavaScript 本身中进行检查以及如何调用组件的代码，但例如，我试图保持它的独立性和简单性。