ASP.Net MVC刷新頁面而不破壞ViewModel

Question

我想創建一個多語言網頁。 要在兩種語言之間切換，我的頁面上有一個下拉菜單。 如果觸發了下拉菜單的change事件，則會調用我的Controller中名為“ ChangeLanguage”的方法。

public ViewModels.HomeViewModel HVM { get; private set; }
    // GET: Home
    public ActionResult Index()
    {
        this.HVM = new ViewModels.HomeViewModel();
        return View(this.HVM);
    }

    public JsonResult ChangeLanguage(int id) {
        return Json(new {Success = true});
    }

現在，我想在ViewModel（HVM）中更改“ SelectedLanguage”屬性-但Reference為null。 誰能解釋為什么我的ChangeLanguage方法中HVM為空？

更改我的SelectedLanguage屬性后，我想重新加載整個頁面以其他語言顯示其文本

例如

@model ViewModels.HomeViewModel
<html>
<div class="HeaderText">
    Text = @{
        @Model.TextToDisplay.Where(o => 
        o.Language.Equals(Model.SelectedLanguage)).First()
    }
</div>

這是我想在PseudoCode中執行的操作：

偽代碼：

public JsonResult ChangeLanguage(int id) {
    this.HVM.SelectedLanguage = 
    this.HVM.AvailableLanguages.Where(o => 
    o.ID.Equals(id)).First();

    Page.Reload();
    return Json(new {Success = true});
}

Answer 1

May anyone explain why HVM is null in my ChangeLanguage Method?

秉承HTTP協議的無狀態性質，所有（除非明確添加到請求標頭中）請求（MVC方法調用）與之關聯的松散狀態數據。 Web服務器將每個請求視為一個新請求，並直接從控制器本身創建類的新實例。

在您的情況下，因為它是一個新請求，所以控制器已定義了HVM屬性，但在ChangeLanguage中它沒有被實例化（它僅被實例化到Index方法中，在您調用ChangeLanguage時不被調用），因此它為null。

更改我的SelectedLanguage屬性后，我想重新加載整個頁面以另一種語言顯示其文本。

選項1：刷新頁面

實現簡單的選擇。 將語言選擇傳遞給服務器，服務器將返回帶有特定數據的新視圖。 缺點是，整個頁面都會刷新。

選項2：有選擇地更新視圖

如果選項1確實不可接受，請考慮使用此選項。 有多種方法可以實現它。 基本上，它涉及（a）將視圖分為部分視圖並僅更新受選擇影響的部分，或者（b）用JS對象綁定數據元素。

（a）-對此無需多說。

（b）-如果您使用像KnockoutJS這樣的JS庫，則可以輕松完成數據綁定。

Answer 2

將您的方法更改為這些方法，此技巧將對您有用=>將您的模型從視圖更改為更改語言。 還要將JsonResult更新為ActionResult。

public ActionResult ChangeLanguage(ViewModels.HomeViewModel model,int id)
{
this.HVM.SelectedLanguage = 
this.HVM.AvailableLanguages.Where(o => 
o.ID.Equals(id)).First();
return RedirectToAction("Index",model);
}

public ActionResult Index(ViewModels.HomeViewModel model)
 {
if(model == null)
{
    this.HVM = new ViewModels.HomeViewModel();

}
return View(this.HVM);
}