采用以下模型:
public class SomeModel
{
public ICollection<Tag> Tags { get; set; }
}
public class Tag
{
public int Id { get; set; }
public string Value { get; set; }
}
模型是某种对象(例如,博客条目),具有标记或关键字列表。
我有一个Razor视图,显示用于编辑SomeModel
对象的表单:
@{
// List of available tags is passed by controller
var tags = (List<Tag>)ViewData["Tags"];
}
<label asp-for="Tags">Tags</label>
<select asp-for="Tags"
asp-items="@(new SelectList(tags, nameof(Tag.Id), nameof(Tag.Value)))">
</select>
正如预期的那样,这会产生一个显示可用标签的多重选择:
<label for="Tags">Tags</label>
<select class="input-validation-error"
data-val="true" data-val-required="The Tags field is required."
id="Tags" multiple="multiple" name="Tags">
<option value="1">tag1</option>
<option value="2">tag2</option>
</select>
@Model.Tags
正确包含当前分配的标签;但是,相应的选项未标记为selected
。
如何解决此问题?
您需要创建一个属性来传递所选数据,并将其绑定到select标记的asp-for
属性。
Index.cshtml.cs:
public class IndexModel : PageModel
{
[BindProperty]
public List<int> SelectedTags { get; set; } = new List<int>{ 2, 3 };
[BindProperty]
public List<Tag> Tags { get; set; }
public void OnGet()
{
Tags = new List<Tag> {
new Tag { Id = 1, Value="Mike" },
new Tag { Id = 2, Value="Pete" },
new Tag { Id = 3, Value="Katy" },
new Tag { Id = 4, Value="Carl" } };
}
}
Index.cshtml:
@page
@model WebApplication1_rzaor_page.IndexModel
@{
ViewData["Title"] = "SelectTag";
Layout = "~/Pages/Shared/_Layout.cshtml";
}
<h1>SelectTag</h1>
<label asp-for="Tags">Tags</label>
<select asp-for="SelectedTags"
asp-items="@(new SelectList(Model.Tags, "Id","Value"))">
</select>
您可以参考此链接: