如何在編輯視圖中使用DropDownListFor

Question

您好我在編輯視圖上的DropDownListFor有問題。

基本上我使用的是包含我的表單的部分視圖，而在我的編輯和創建視圖中，我稱之爲局部視圖。

我有5類似DropdownlistFor和這些工作以及創建操作，但在編輯沒有，主要是我沒有得到（無法）設置選定的值。

在我的編輯動作（GET）中，如果真實對象的屬性已滿，我填充屬性ViewModel。

if(icb.BAOfficer != null) 
editICB.BAOfficer = icb.BAOfficer; 


List<Staff> staffs = _fireService.GetAllStaffs().ToList(); 
staffs.Insert(0, new Staff { StaffId = -1, Name = "" }); 
editICB.BAOfficers = staffs; 

return View(editICB); 

這就是我如何填充我的下拉列表以及如何設置選定的值。

@Html.DropDownListFor(model => model.BAOfficerSelected, new SelectList(Model.BAOfficers, "StaffId", "Name", (Model.BAOfficer!= null ? Model.BAOfficer.StaffId:-1)), new { @class = "rounded indent" }) 
@Html.ValidationMessageFor(model => model.BAOfficer.StaffId) 

Answer 1

我解決了在Edit Action中爲我的model.BAOfficerSelected設置一個值的問題，這是（容易的）祕密。

我需要第一個項目像一個空的選項，因爲不是一個必需的信息，但在編輯視圖，如果有價值我需要將其設置爲選定的選項。

最後，它是我的代碼。

我的模型

public int BAOfficerSelected { get; set; } 
public SelectList BAOfficers { get; set; }` 

我的控制器創建/編輯操作

if (icb.BAOfficer != null) // only for edit action 
editICB.BAOfficerSelected = icb.BAOfficer.StaffId; //this will set the selected value like a mapping 


//for Edit and Create 
List<Staff> staffs = _fireService.GetAllStaffs().ToList(); 
staffs.Insert(0, new Staff { StaffId = -1, Name = "" }); 

editICB.BAOfficers = new SelectList(staffs, "StaffId", "Name"); 

return View(editICB);` 

我查看

@Html.DropDownListFor(model => model.BAOfficerSelected, Model.BAOfficers, new { @class = "rounded indent" }) 

我希望這可以幫助別人。

Answer 2

而不是使用一個SelectList的，我經常發現它的工作原理最好使用List<SelectListItem>。

此外，我通常使用EditorTemplate作爲我的下拉菜單，以保持我的視野清潔。

所以，如果我的選擇列表返回List<SelectListItem>：

public List<SelectListItem> BAOfficers { get; set }; 

你可以將它設置這樣的：

model.BAOfficers = staffs.Select(staff => 
     new SelectListItem { Text = staff.Name, Value = staff.StaffId }).ToList(); 

然後在您的EditorTemplate：

<!-- EditorTempaltes\DropDownList.cshtml --> 
@model System.String 
<p> 
    @Html.LabelFor(m => m): 
    @Html.DropDownListFor(m => m, new SelectList(
     (List<SelectListItem>)ViewData["selectList"], "Value", "Text", 
     String.IsNullOrEmpty(Model) ? String.Empty : Model), String.Empty) 
    @Html.ValidationMessageFor(m => m) 
</p> 

然後在查看，只需將SelectList傳入EditorTemplate：

@Html.EditorFor(m => m.BAOfficerSelected, "DropDownList", 
       new { selectList = Model.BAOfficers() }) 

Answer 3

這樣做的最好和最乾淨的方法是在服務器端設置SelectList對象中的選定值。

所以，如果你的BAOfficerSelected是可以空的......它更簡單：你不需要依靠添加一個虛擬物品來保持-1沒有選定的值。

相反，你做這種方式：

List<Staff> staffs = _fireService.GetAllStaffs().ToList(); 
editICB.BAOfficers = new SelectList(staffs, "StaffId", "Name", editICB.BAOfficer != null ? editICB.BAOfficer.StaffId : null); 

當然，BAOfficers需要被改變類型從List<Staff>到SelectList。

然後，在你的局部視圖你這樣做：

@Html.DropDownListFor(model => model.BAOfficerSelected, Model.BAOfficers, "Select one...", new { @class = "rounded indent" }) 

添加需要的第三個參數來表示默認值（如果沒有被選中）是文本。