在ASP.NET MVC中動態添加部分視圖

Question

我是ASP.NET MVC的新手。 我有以下要求。

我需要在“儀表板”頁面上動態顯示餅圖。 我將在運行時決定餅圖的總數。 因此，我創建了餅圖的局部視圖和模型類。

首先，我將訪問數據庫並將數據填充到模型類中。 我找不到任何教程。

控制器代碼：

public ActionResult _Dashboard()
    {
        try
        {
            _dashboard = new Dashboard();
            var model = _dashboard.GetToolsUtilization();
            return View(model);
        }
        catch (Exception ex)
        {
            throw ex;
        }
        finally
        { }

    }

工具類

public class Tools
{
    public string toolName { get; set; }
    public int used { get; set; }
    public int free { get; set; }
}

_Dashboard.cshtml頁面

<div class="col-lg-12">



    @foreach (var item in Model)
    {
        <div class="dash-unit col-lg-3">
            Html.Partial("~/Views/Shared/toolGaugeInfo.cshtml", item)
        </div>

    }

    </div>

ToolGauageInfo.cshtml

@model NETMS.DAL.ToolGauageInfo

我認為，部分查看頁面很好。 我將通過ajax調用在頁面加載時調用控制器。 現在，我不知道如何從控制器返回模型。

Answer 1

您將計算餅圖的數量並將其保存在List<PieChartModel> PieChartModel List<PieChartModel>或其他中，然后可以創建采用@model List<PieChartModel> View並循環遍歷列表以顯示您的局部視圖

@foreach(var pie in Model)
{
   Html.Partial("_PieView", pie);
}