1

我正在尝试创建一个简单SelectList的呈现为dropdown用于使用 RazorPages 生成的 Create 表单。出于某种原因，SelectList渲染multiple="multiple"结果导致所有选项都显示在一个框架中，侧面有一个滚动条，而不是一个dropdown. 我相信问题出在我的控制器上，而且我正在尝试SelectListItems使用匿名类型设置“文本”和“值”属性，因为在不设置这些属性时我已经达到了预期的结果。

其中很多对我来说都是新的，所以如果有人对我的代码有任何一般性的建议，我将不胜感激。

这是我的视图模型：

public class CreateFileViewModel
    {
        public SelectList EnrolleeId { get; set; }
        public SelectList GroupId { get; set; }

        [DataType(DataType.Date)]
        public DateTime StartDate { get; set; }

        public string Status { get; set; }
    }

这是我的控制器：

public IActionResult TestCreate()
        {
            //query items for SelectLists
            var users = from u in _context.Users
                        orderby u.LastName
                        select u;

            var groups = from g in _context.Group
                         orderby g.Name
                         select g;

            // Loop through queries above and convert to collections of SelectListItems
            var enrolleeSelectListItems = from u in users
                                        select new SelectListItem()
                                        {
                                            Value = u.Id.ToString(),
                                            Text = u.LastName + ", " + u.FirstName + " " + u.MiddleName
                                        };

            var groupSelectListItems = from g in groups
                                         select new SelectListItem()
                                         {
                                             Value = g.ID.ToString(),
                                             Text = g.Name
                                         };

            //convert SelectListItem collections into SelectLists within view
            var cfvm = new Models.TestModels.CreateFileViewModel();
            cfvm.EnrolleeId = new SelectList(enrolleeSelectListItems, "Value", "Text");
            cfvm.GroupId = new SelectList(groupSelectListItems, "Value", "Text");

            return View(cfvm);
        }

这是我观点的相关部分：

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

以下是它在浏览器中的呈现方式：

<select id="EnrolleeId" multiple="multiple" name="EnrolleeId" aria-invalid="false" class="valid">
                    <option value="">Select</option>
                    <option value="3e60fabd-6901-45a1-ae2a-5056d77f415c"></option>
                    <option value="40ce8b6e-62a5-4c3c-808b-90e36d633ec0"></option>
                    <option value="c0c49df2-da52-4a01-9a8a-47bab6f5496d"></option>
</select>
4

1 回答 1

2

因为您用于asp-for( EnrolleeId) 的属性是集合类型。SelectList工具IEnumerable

理想情况下，您应该有 2 个属性，一个用于构建选项列表所需的项目集合，另一个用于选定的选项值

public class CreateFileViewModel
{
    public int SelectedEnrolleId {set;get;}  // This new one
    public SelectList EnrolleeId { get; set; }

    public SelectList GroupId { get; set; }
    [DataType(DataType.Date)]
    public DateTime StartDate { get; set; }
    public string Status { get; set; }
}

并且在视图中

<select asp-for="SelectedEnrolleId" asp-items="Model.EnrolleeId">
    <option value="">Select</option>
</select>

这将呈现 name 和 id 属性值设置为的 select 元素SelectedEnrolleId。因此，当您提交表单时，您应该从那里阅读它。

于 2017-11-20T21:40:37.033 回答