枚举的多选下拉列表
本文关键字:下拉列表 枚举 | 更新日期: 2023-09-27 18:37:17
我可以通过哪种方式实现枚举值的下拉列表?
我有一个这样的枚举:
public enum ValueEnum : byte
{
[Description("Value 1")]
Value1 = 1,
[Description("Value 2")]
Value2 = 2,
[Description("Value 3")]
Value3 = 4
}
我想从服务器端的多个选择中获取单个值,而不是所选值列表:
public ActionResult ValueAction(ValueEnum result)
{
//too many code
return View();
}
结果可以是ValueEnum.Value1
或ValueEnum.Value1 | ValueEnum.Value3
有没有办法在没有客户端总和的情况下做到这一点?
我在客户端使用以下行为解决了它:
Get
方法:
[HttpGet]
public ActionResult ValueAction(ValueEnum result)
{
//irrelevant code
ViewBag.Values = Enum.GetValues(typeof(ValueEnum))
.OfType<ValueEnum>()
.Select(x => new SelectListItem
{
Text = x.GetCustomAttribute<DescriptionAttribute>().Description,
Value = ((byte)x).ToString()
});
return View();
}
剃刀:
@using(Html.BeginForm())
{
@*irrelevant code*@
@Html.DropDownList("valueEnum", (IEnumerable<SelectListItem>)ViewBag.Values, new { multiple="multiple", id="enumValues" })
@*Here would be stored result value for this flagged enum*@
<input type='hidden' name='resultValue' id='hidden-enum-value' />
@*irrelevant code*@
<input type="submit" value="Submit" />
}
.JS:
$(function() {
$('form').submit(function() {
var vals = $('#enumValues').val();
var result = 0;
for(let i = 0; i < vals.length; i++) {
result += Number(vals[i]);
}
$('#hidden-enum-value').val(result);
});
});
Post
方法:
[HttpPost]
public ActionResult ValueAction(ValueEnum resultValue)
{
//irrelevant code
return View();
}
你从
你的枚举中创建一个列表,就像这个线程建议的或这个线程一样,并用它创建一个新的选择列表并将其保存在 ViewBag 中,然后在你的视图中创建一个 DropDownList 或 DropDownListFor helper,并对 ViewBag 变量使用相同的名称与选择元素的名称相同。
//GET: ~/ValueController/ValueAction
public ActionResult ValueAction() {
Array values = Enum.GetValues(typeof(ValueEnum));
List<ListItem> items = new List<ListItem>(values.Length);
foreach(var i in values)
{
items.Add(new ListItem
{
Text = Enum.GetName(typeof(ValueEnum), i),
Value = ((int)i).ToString()
});
}
ViewBag.valueEnum = new SelectList(items);
}
视图:
@Html.DropDownList("valueEnum", null, htmlAttributes: new { @class = "form-control" })
然后,MVC 会自动将 ViewBag 内容分配给选择元素。
然后在您的发布操作中设置其参数以接收一个简单的整数。
//POST: ~/ValueController/ValueAction
[HttpPost]
public ActionResult ValueAction(int valueEnum) {
//less code
return View();
}