HTML.DropDownListFor DropDownList

Question

我想從我的數據庫檢索數據到HTML而不是檢索到Html.DropDownListFor但我無法檢索到標記。

NewCustomerViewModel

public class NewCustomerViewModel 
{ 
    public int CustId { get; set; } 

    [Required] 
    public string CustFirstName { get; set; } 

    [Required] 
    public string CustLastName { get; set; } 

    [Required] 
    public int StId { get; set; } 
    public IEnumerable<State> States { get; set; } 
} 

CustomerController

public class CustomerController : Controller 
{ 
    private CustomerDbContext _context; 

    public CustomerController(CustomerDbContext context) 
    { 
     _context = context; 
    } 

    // GET: /<controller>/ 
    public IActionResult Index() 
    { 
     return View(_context.Customers.ToList()); 
    } 

    public IActionResult Create() 
    { 
     var stateNames = _context.States.ToList(); 
     var viewModel = new NewCustomerViewModel 
     { 
      States = stateNames 
     }; 

     return View(viewModel); 
    } 

    [HttpPost] 
    [ValidateAntiForgeryToken] 
    public IActionResult Create(Customer customer) 
    { 
     if (ModelState.IsValid) 
     { 
      _context.Customers.Add(customer); 
      _context.SaveChanges(); 
      return RedirectToAction("Index"); 
     } 

     return View(customer); 
    } 
} 

創建視圖下面

的HTML DropDownListFor正常工作：

@Html.DropDownListFor(m => m.StId, new SelectList(Model.States, "StId", "StName")) 

我無法獲得選擇標籤的工作。

<select asp-for="StId" asp-items="@Model.States" class="form-control"> 
      <option>Select State</option> 
     </select> 

我所有的HTML在我的創建視圖使用，而不是HTML幫手，這是我想要避免的。我只想能夠將數據檢索到標籤。

Answer 1

對於選擇標籤幫手，asp-items預計SelectListItem收集\的SelectList，並且每個項目都有一個Value和Text財產。 Value屬性值將用於選項的值，並且Text屬性值將用於UI中選項的顯示文本。

States集合中的項目沒有值和文本屬性，但具有StId和StName屬性。所以我們需要將這個類型轉換爲SelectListItem類型。

所以，你的代碼應該是

<select asp-for="StId" asp-items="@(new SelectList(Model.States,"StId","StName"))"> 
    <option>Please select one</option> 
</select> 

附加參考

Select Tag Helper in MVC 6