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; }
}

客户控制器

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>

我在 Create 视图中的所有 HTML 都使用而不是我试图避免的 HTML Helpers。我只是希望能够将数据检索到标签中。

Answer 1

对于选择标签助手，asp-items 需要 SelectListItem 集合\SelectList，其中的每个项目都有一个 Value 和 Text 属性。 Value 属性值将用于选项的值，Text 属性值将用于 UI 中选项的显示文本。

States 集合中的项目没有 Value 和 Text 属性，但具有 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