使用分组元素选择标签助手

Question

ASP.NET MVC Core中的Select tag helper是否具有分组选项，如下图所示。我使用ASP.NET核心的最新版本和VS2015：

<select> 
    <optgroup label="Swedish Cars"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    </optgroup> 
    <optgroup label="German Cars"> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
    </optgroup> 
</select> 

显示：

Answer 1

是的。 SELECT标签助手可以为选项呈现选择组。您只需在创建新的SelectListItem对象时提供Group属性值。

var swedish = new SelectListGroup { Name="Swedish" }; 
var german = new SelectListGroup { Name="German" }; 

var optionItems = new List<SelectListItem> 
{ 
    new SelectListItem { Value="vovlo", Text = "Volvo", Group = swedish }, 
    new SelectListItem { Value="saab", Text="Saab", Group = swedish }, 
    new SelectListItem { Value="mercedes", Text="Mercedes", Group = german } , 
    new SelectListItem { Value="audi", Text ="Audi", Group = german } 
}; 
// use optionItems for asp-items when using SELECT tag helper 

Answer 2

选择标记助手有一个items PARAM，在那里你传递一个IEnumerable<SelectListItem>。 SelectListItem有一个属性，Group，这是一个SelectListGroup的实例。换句话说，这实际上是关于如何设置SelectListItem的列表。如果您定义了它们，标签助手应该生成optgroup。