用数据增量填充ASP.NET核心视图

Question

我正在开发一个.Net核心应用程序，在我的代码中，我需要在用户单击的基础上增量地添加数据。首先，我有一个包含元素的表。一旦单击任何元素，我需要从实体框架实现中获取一些数据，并根据得到的内容以表格格式将其“发布”到视图中。

然后，用户可以单击新表中的元素，在单击的基础上，我需要绘制一个带有指针的地图。

我想知道什么是好的实践在.Net核心对于这样的网站？

目前我有一个类似的视图，但是只有一个表和一个partialView。实现的方法是使用我的site.js注册单击，使用data-url来运行我的控制器方法。这是最好的或最优的方法，还是有更聪明的方法？我只是想知道有什么样的解决方案。

我和一些朋友谈过，他们提到他们会在他们的HTML中创建一个<script></script>部分来执行这样的操作。我不认为这是一种代码阅读能力和最快响应的最佳实践，但我完全赞同其他的方法来做这件事？

Answer 1

动态内容

在我看来，添加动态html代码的最好方法是

• 在Here控制器中创建GET操作，以便从部分视图获取呈现的html代码(在这里，您可以决定要返回的内容)
• 当单击表中的某一项时，使用相应的参数请求此操作(使用ajax)并返回呈现的html数据。
• 用jQuery插入HTML

示例：

得到的行动

[ResponseCache(NoStore = true, Duration = 0)]
public async Task<IActionResult> NewStamp(string date, string recentProject)
{

    // Do work with paramters and evaluate right html-code

    return PartialView("_CollectionPartial", new ViewModel(date, recentProject));
}

<button asp-controller="Stamps" asp-area="WorkTime" asp-action="NewStamp" id="addStamp" type="button" class="btn btn-success">
    <span class="glyphicon glyphicon-plus"></span> Add
</button>

ajax请求

$.ajax({
        url: this.formAction,
        data: "date=" + date.format("HH:mm") + "&recentProject=" + recentProject,
        cache: false,
        success: function (html) {
            $('#id').append(html);

处理.js文件

昨天，我毫不费力地问了一个类似的问题。

但我建立了自己的解决方案，参见this post。