當兩個部分視圖都包含在 ASP.NET MVC 中的同一父視圖中時，如何將數據列表從一個部分視圖傳遞到另一個部分視圖？

Question

我有 2 個局部視圖， HeadphonesFilters和HeadphonesList ，它們都包含在Index視圖中，如下所示：

<div class="container">
    <div class="row">
        <h3 class="alert alert-primary p-2">Headphones</h3>
        <div class="col-4">
            @Html.Partial("HeadphonesFilters", new { minPrice=0,maxPrice=0})
        </div>
        <div class="col-8" id="headphones-list">
            @Html.Partial("HeadphonesList")
        </div>
    </div>
</div>

HeadphonesList部分視圖接受Headphone類型對象列表並顯示它們。 HeadphonesFilters分部視圖應將過濾后的耳機列表返回到HeadphonesList分部視圖。

所有三個視圖都訪問同一個HeadphonesController 。

HeadphonesFilter局部視圖使用Filter方法，如下所示：

public PartialViewResult Filter(int minPrice, int maxPrice)
{
    var list = service.GetHeadphones()
                      .Where(x => x.SKU.SKUPrice >= minPrice && 
                                  x.SKU.SKUPrice <= maxPrice)
                      .ToList();
    return PartialView("HeadphonesList", list);
}

此過濾器方法在單獨的頁面中返回過濾后的耳機，而我希望此列表為 go 到HeadphonesList部分視圖，並且應使用新列表更新該視圖。

有沒有辦法做到這一點？

Answer 1

我認為您應該使用 Ajax 從 controller 獲取數據，以便在不刷新整個頁面的情況下查看