如何在没有页面类型引用的情况下在块AJAX调用中获取CurrentBlock。[圣徒启示录9]启示录、情况下、圣徒、类型

2023-09-03 09:00:32 作者:人缘好坏葬礼那天才知道

在块AJAX调用中获取CurrentBlock的最佳方式是什么?

[HttpGet]
public ActionResult GetSomething()
{
    var currentBlock = Get(); //how?
    return currentBlock.SomeLabel;
}

(当块或块控制器不知道页面时,我不知道解决方案)

ajax

我希望使块可对任何页面重复使用。

谢谢。

推荐答案

我认为您必须传入块的内容引用,但这并不是很糟糕。

首先,确保global.asax类在RegisterRoutes方法的重写中包括标准MVC路由:

public class EPiServerApplication : EPiServer.Global
{
    protected void Application_Start()
    {
        AreaRegistration.RegisterAllAreas();
    }

    protected override void RegisterRoutes(RouteCollection routes)
    {
        base.RegisterRoutes(routes);

        routes.MapRoute(
          name: "Default",
          url: "{controller}/{action}/{id}",
          defaults: new { action = "Index", id = UrlParameter.Optional });
    }
}

我有一个用于测试某些内容的块;它有一个标题属性和Items--一个内容引用列表。

[ContentType(DisplayName = "Super Happy Fun Block", GUID = "b5d5c00c-dc8e-4ada-8319-20fd3474d4e7", Description = "")]
public class SuperHappyFunBlock : BlockData
{
    public virtual string Title { get; set; }

    public virtual IList<ContentReference> Items { get; set; }
}

对于这个块,我将创建一个视图模型,其中包含这些属性和一个ContentReference属性。您可能可以在cshtml视图文件中执行此操作,但这会使您的视图更清晰一些。

public class SuperHappyFunModel
{
    public string Title { get; set; }

    public IList<ContentReference> Items { get; set; }

    public ContentReference ContentLink { get; set; }
}
接下来,连接块的控制器以使用视图模型。我还需要一些脚本文件;这些文件可以通过控制器添加到这里。有关详细信息,请参阅Client Resources上的Episerver文档。

public class SuperHappyFunBlockController : BlockController<SuperHappyFunBlock>
{
    public override ActionResult Index(SuperHappyFunBlock currentBlock)
    {
        ClientResources.RequireScript("https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js").AtFooter();
        ClientResources.RequireScript("/static/js/SuperHappyFunBlock.js").AtFooter();

        var model = new SuperHappyFunModel
        {
            Title = currentBlock.Title,
            Items = currentBlock.Items,
            ContentLink = (currentBlock as IContent)?.ContentLink ?? ContentReference.EmptyReference
        };

        return PartialView(model);
    }
}

在视图上,确保内容引用被呈现在javascript可以找到它的位置。我将使用一个名为data-block-id的数据属性。

@model SuperHappyFunModel

<div class="SuperHappyFunBlockController" data-block-id="@Model.ContentLink.ToString()">
    <p class="dynamic">Content goes here.</p>
</div>

块控制器中引用的javascrip文件需要查找页面上的所有块实例,然后对每个块实例进行AJAX调用。请记住,如果您的块在页面上用作属性,则它不会有ContentLink,因为块属性不继承IContent

(function($) {
    $('.SuperHappyFunBlockController')
        .each(function (index, blockDiv) {
            var $blockDiv = $(blockDiv),
                blockId = $blockDiv.attr('data-block-id');
            if (!blockId) {
                console.log('This block must be a property on a page... no block id found!');
                return;
            }
            $.ajax({
                method: 'GET',
                url: '/superhappyfunblock/getsomething/' + blockId,
                success: function (data) {
                    console.log(data);
                    $blockDiv.find('.dynamic').text(data);
                }
            });
            console.log(blockId);
        });
})($);

最后,要做的最后一件事是在控制器上创建AJAX方法。这将需要一个名为"id"的字符串参数,以便它符合我们在开头添加的默认MVC视图。它还将在控制器上使用依赖项注入来获取IContentLoader的实例。

public class SuperHappyFunBlockController : BlockController<SuperHappyFunBlock>
{
    public override ActionResult Index(SuperHappyFunBlock currentBlock)
    {
        // code omitted here for brevity...
    }

    private readonly IContentLoader _contentLoader;

    public SuperHappyFunBlockController(IContentLoader contentLoader)
    {
        _contentLoader = contentLoader;
    }

    public ActionResult GetSomething(string id)
    {
        ContentReference blockReference;
        if (!ContentReference.TryParse(id, out blockReference))
            return HttpNotFound();

        SuperHappyFunBlock block;
        if (!_contentLoader.TryGet(blockReference, out block))
            return HttpNotFound();

        return Content($"This is some really cool stuff for the block named {((IContent) block).Name}.");
    }
}