如何在 ASP.NET MVC 中将字符串类型的模型属性呈现为复选框

Question

我想在 MVC 视图上将字符串类型显示为复选框，但在 HTTP post 上将其作为字符串类型返回。问题是它在 HTTP Post 上返回 false。以下是我的代码：

查看：

  @model List<Car>

        foreach(var car in Model){
       bool isFourWheel = false;
        if(bool.TryParse(car.IsFourWheel, out isFourWheel){
        @Html.CheckBox("IsFourWheel", isFourWheel); //need to be rendered as checkbox, but returns string type on HTTP POST
    }
     }

型号：

public class Car
    {
        public string IsFourWheel { get; set; } //bad naming, but it can contain any type, include boolean
    }

控制器：

 public ActionResult Index()
        {


            var cars = new List<Car>(){ new Car(){IsFourWheel = "true"},new Car(){IsFourWheel = "false"} };
            return View(cars);
        }

        [HttpPost]
        public ActionResult Index(List<Car> cars)  **Problem IsFourWheel is false when true is selected **
        {           
            return View(cars);
        }

非常感谢任何理想。

Answer 1

您可以尝试在帮助程序中指定模板名称：

@Html.EditorFor(car => car.IsFourWheel, "CheckBox")

并定义模板以您想要的方式呈现数据，~/Views/{YourControllerName}/EditorTemplates/CheckBox.cshtml 或 ~/Views/Shared/EditorTemplates/CheckBox.cshtml。

您可以在此处找到 Brad Wilson 关于 MVC 模板的一系列帖子：

Brad Wilson: ASP.NET MVC 2 Templates, Part 1: Introduction

它适用于 MVC 2，但大多数概念仍然适用于 MVC 3（Razor 语法除外）。

更新：

实际上，您可能不需要为此自定义模板。尝试改用@Html.CheckBoxFor(car => car.IsFourWheel)。

更新 2：

将以下模板放入~/Views/Shared/EditorTemplates：

IsFourWheel.cshtml

@functions {
    private bool IsChecked() {
        if (ViewData.Model == null) return false;
        return Convert.ToBoolean(ViewData.Model, System.Globalization.CultureInfo.InvariantCulture);
    }
}

@Html.CheckBox("", IsChecked(), new { @class = "check-box" })

那么在你看来，这样称呼它：

@Html.EditorFor(model => model.IsFourWheel, "IsFourWheel")

我对其进行了测试，绑定在 GET 和 POST 场景中都有效。

Answer 2

你可以像这样改变你的视图模型：

public class Car
    {
        public string IsFourWheel { get; set; }
        public bool IsFourWheelBool { get { return bool.Parse(IsFourWheel); } }
    }

您的视图将如下所示：

@Html.EditFor(x => x.IsFourWheelBool);

Answer 3

我认为如果你在你的模型中添加一个 ID 会更容易。像这样
型号：

public class Car
{
    public int CarID { get; set; }
    public string IsFourWheel { get; set; }        
}

查看：

@model IEnumerable<Car>
foreach (var car in Model)
{
    if(car.IsFourWheel == "true"){
        <input type="checkbox" name="carID" value="@car.CarID" checked="checked" />
    }
    else
    {
        <input type="checkbox" name="carID" value="@car.CarID" />
    }
}

控制器：

[HttpPost]
public ActionResult Index(List<int> carID)
{
    //handle selected cars here
    return View();
}