如何在 ASP.NET Core 2.0 Razor 页面中填充下拉列表

Posted 2023-03-30

【中文标题】如何在 ASP.NET Core 2.0 Razor 页面中填充下拉列表

【英文标题】：How to populate dropdownlist In ASP.NET Core 2.0 Razor page

【发布时间】：2018-02-07 02:23:31

【问题描述】：

我想从我的数据库中填充下拉列表。剃须刀页面中模型绑定的方式是什么

public IActionResult OnGet()
    
        var model = new Item
        
            ItemTypes = _context.ItemTypes.ToList(),
            Parts = _context.Parts.ToList(),
            Sections = _context.Sections.ToList()
        ;

        return Page();
    

【参考方案1】：

此时您可能已经解决了问题，但如果它可以帮助未来的访问者：

在您的 PageModel 类中，创建一个或多个将接收您的“列表”的属性：

public class CreateModel : PageModel

    ...
    public SelectList CountryList  get; set; 
    ...

仍然在同一个类中，创建一个方法来填充您的列表并设置您的属性：

private void PopulateCountries()

    var countries = from c in _context.Countries
                               orderby d.Name
                               select c;
    CountryList = new SelectList(countries, "Alpha3", "CountryName");

然后，在您的页面中：

<div class="form-group">
    <label asp-for="Race.CountryCode" class="control-label"></label>
    <select asp-for="Race.CountryCode" class="form-control"
            asp-items="@Model.CountryList">
        <option value="">-- Select --</option>
    </select>
</div>

当然，您可以做一些小的变化。例如，将PopulateCountries 放在基类、服务等中，但我想你明白了。

参考：Razor Pages with EF Core in ASP.NET Core - Update Related Data - 7 of 8

【讨论】：

PopulateCountries() 是如何被调用的？

@Mike 我不记得细节了，但我想你可以在 PageLoad 或其他页面事件中添加 PopulateCountries()。