asp.net-mvc - @Html.Dropdownlist 上不可选择的占位符

Question

如何在我的 @Html.Dropdownlist 上放置一个不可选择的占位符。 我在下拉列表中实现了 selected-jquery。 我的代码如下:

@Html.DropDownList("Id", new SelectList(new Ahib.Membership.UserFacade().GetAllUsers(), "Id", "Username"), "-select a system owner-", new { @class="chosen1-select" })

目前我的下拉列表有一个占位符，但“-选择系统所有者-”变成了我不想要的可选值。如何解决这个问题？

Answer 1

您可以将列表转换为选择项列表，并从 Controller 本身应用禁用属性。

像这样

假设你的模型是这样的

class user
    {
        public int Id { get; set; }
        public string Username { get; set; }
    }

将您的列表转换为List<SelectListItem>像这样，请注意这里我禁用了选择系统所有者条目。

 public ActionResult Index()
        {
            List<user> users = new List<user>();
            users.Add(new user { Id = 1, Username = "test1" });
            users.Add(new user { Id = 2, Username = "test2" });

            List<SelectListItem> list = new List<SelectListItem>();
            list.Add(new SelectListItem { Text = "-select a system owner-", Value = "0", Disabled = true });
            foreach (var item in users)
            {
                list.Add(new SelectListItem
                {
                    Text = item.Username,
                    Value = item.Id.ToString()
                });
            }

            ViewBag.listItems = list;
            return View();
        }

并在 View 中像这样使用它

@Html.DropDownList("test", ViewBag.listItems as IEnumerable<SelectListItem>);

结果: