Question

我目前已经搭建了一个视图，其中我的模型的布尔属性被传递给Html.EditorFor帮助器：

@Html.EditorFor(model => model.EndCurrentDeal)

一切都很好，但我真正想做的就是按下这样的下拉菜单：

<select>
    <option value="true" selected="selected">Yes</option>
    <option value="false">No</option>
</select>

实现这一目标的最简单方法是什么？

谢谢，

克里斯

Answer 1

您可以尝试使用here：

<%= Html.DropDownList(
    "", 
    new SelectList(
        new[] 
        { 
            new { Value = "true", Text = "Yes" },
            new { Value = "false", Text = "No" },
        }, 
        "Value", 
        "Text",
        Model
    )
) %>

如果您想要默认值：

<%= Html.DropDownList(
        "", 
        new SelectList(
            new[] 
            { 
                new { Value = "", Text = "None" },
                new { Value = "true", Text = "Yes" },
                new { Value = "false", Text = "No" },
            }, 
            "Value", 
            "Text",
            Model
        )
    ) %>

Answer 2

MVC 4

@*/////////////////// bool ////////////////////////////////*@
@model bool

@Html.DropDownListFor(m => m, new SelectList(
        new[] 
        { 
            new { Value = "true", Text = "Yes" },
            new { Value = "false", Text = "No" },
        },
        "Value",
        "Text",
        Model
    ))

@*/////////////////// bool? ////////////////////////////////*@    
@model bool?

@Html.DropDownListFor(m => m, new SelectList(
        new[] 
        { 
            new { Value = "", Text = "(none)" },
            new { Value = "true", Text = "Yes" },
            new { Value = "false", Text = "No" },
        },
        "Value",
        "Text",
        Model
    ))

Answer 3

您还可以尝试使用Dictionary方法更清晰，并且可以轻松地添加到View Model的构造函数中。

视图模型

 //Define IDictionary interface
 public IDictionary<bool, string> options { get; set; }

public YourViewModel()
{
  // Default constructor
        this.options = new Dictionary<bool, string>();
        this.options.Add(false, "no");
        this.options.Add(true, "yes");
}




@Html.DropDownListFor(model => model.yourPropertyToEdit, new SelectList( Model.options, "Key", "Value"))

Answer 4

我从Francois Borgies的非常有用的答案中获得灵感，因此我决定编写一个自定义方法，为布尔值创建 SelectList ，可以在 @ Html.DropDownList 即可。当你有一个可以在每个视图中使用的辅助方法时，它会减少剃刀视图中所需的代码量。

我的项目在文件夹中有 CustomHelpers.cs 类： App_Code / Helpers

namespace YourProjectName.App_Code.Helpers
{
    public static class CustomHelpers
    {
        public static SelectList SelectListForBoolean(object selectedValue = null)
        {
            SelectListItem[] selectListItems = new SelectListItem[2];

            var itemTrue = new SelectListItem();
            itemTrue.Value = "true";
            itemTrue.Text = "Yes";
            selectListItems[0] = itemTrue;

            var itemFalse = new SelectListItem();
            itemFalse.Value = "false";
            itemFalse.Text = "No";
            selectListItems[1] = itemFalse;

            var selectList = new SelectList(selectListItems, "Value","Text", selectedValue);

            return selectList;
        }           
    }
}

在 create 视图中，您可以按如下方式使用它：

@model Foo
@using YourProjectName.App_Code.Helpers;
...
@Html.DropDownList("EndCurrentDeal", CustomHelpers.SelectListForBoolean(), "-select-")

用于编辑视图

@model Bar
@using YourProjectName.App_Code.Helpers;
...
@Html.DropDownList("EndCurrentDeal", CustomHelpers.SelectListForBoolean(Model.EndCurrentDeal), "-select-")

虽然我的助手方法不是纯HTML助手，因为它创建了 SelectList ，但它仍然遵循Rahul Rajat Singh在他的优秀文章An Absolute Beginner's Tutorial on HTML Helpers and Creating Custom HTML Helpers in ASP.NET MVC

将布尔属性编辑器转换为MVC视图中的下拉列表

4 个答案: