小编典典

Ajax刷新的ViewComponent替代方案

ajax

我有一个viewcomponent,其中包含一些嵌入在各个页面中的可重用业务逻辑。这一直很好。但是,我现在需要使用ajax刷新viewcomponent。

有什么办法可以做到这一点?从我所读的内容来看,这是不可能的,尽管该信息有些过时了。如果不可能的话,最好的选择是什么?


阅读 383

收藏
2020-07-26

共1个答案

小编典典

在beta7上,现在可以直接从控制器返回ViewComponent。查看公告的“ MVC
/剃刀”部分

MVC中新的ViewComponentResult使得从操作返回ViewComponent的结果变得容易。这使您可以轻松地将ViewComponent的逻辑公开为独立端点。

因此,您可以拥有一个像这样的简单视图组件:

[ViewComponent(Name = "MyViewComponent")]
public class MyViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        var time = DateTime.Now.ToString("h:mm:ss");
        return Content($"The current time is {time}");
    }
}

在像这样的控制器中创建一个方法:

public IActionResult MyViewComponent()
{
    return ViewComponent("MyViewComponent");
}

并且比我快速又肮脏的ajax刷新做得更好:

var container = $("#myComponentContainer");
var refreshComponent = function () {
    $.get("/Home/MyViewComponent", function (data) { container.html(data); });
};

$(function () { window.setInterval(refreshComponent, 1000); });

当然,在beta7之前,您可以创建视图作为@eedam建议的解决方法,也可以使用这些答案中描述的方法

2020-07-26