在块AJAX调用中获取CurrentBlock的最佳方式是什么?
[HttpGet]
public ActionResult GetSomething()
{
var currentBlock = Get(); //how?
return currentBlock.SomeLabel;
}
(当块或块控制器不知道页面时,我不知道解决方案)
我希望使块可对任何页面重复使用。
谢谢。
我认为您必须传入块的内容引用,但这并不是很糟糕。
首先,确保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}.");
}
}