枚举的多选下拉列表

时间:2016-03-04 11:25:36

标签: c# asp.net-mvc

我可以通过哪种方式为枚举值实现下拉列表?

我有这样的枚举:

public enum ValueEnum : byte
{
    [Description("Value 1")]
    Value1 = 1,
    [Description("Value 2")]
    Value2 = 2,
    [Description("Value 3")]
    Value3 = 4
}

我希望从服务器端的多个select中获取单个值,而不是选择值列表:

    public ActionResult ValueAction(ValueEnum result)
    {
        //too many code
        return View();
    }

其中结果可以是ValueEnum.Value1ValueEnum.Value1 | ValueEnum.Value3

有没有办法在没有客户端总和的情况下做到这一点?

2 个答案:

答案 0 :(得分:1)

我在客户端通过以下行为解决了这个问题:

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();
}

答案 1 :(得分:0)

您可以在Enum中创建一个List thread建议或this one并使用它创建一个新的SelectList并将其保存在ViewBag中,然后在View中创建一个DropDownList或DropDownListFor帮助器对于ViewBag变量使用与select元素相同的名称。

//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内容分配给select元素。

然后在Post Action中设置其参数以接收一个简单的整数。

//POST: ~/ValueController/ValueAction
[HttpPost]
public ActionResult ValueAction(int valueEnum) {
    //less code
    return View();
}