ASP.NET MVC 5 为下拉列表设置值

Question

我想制作一个数字评级为 1-5 的 DropDownList。我有一个评级模型，我想将这些下拉值应用于 WaitTime、Attentive 和 Outcome。

我可以只在视图中设置这些值并使用模型吗？如果是这样，我该怎么做？

我的模型Class:

     public class Ratings
    {
        //Rating Id (PK)
        public int Id { get; set; }


        public string UserId { get; set; }

                     //Medical Practice (FK)
                    public int MpId { get; set; }
                     public MP MP { get; set; }

        //User ratings (non-key values)

        [Required] //Adding Validation Rule
        public int WaitTime { get; set; }

        [Required] //Adding Validation Rule
        public int Attentive { get; set; }

        [Required] //Adding Validation Rule
        public int Outcome { get; set; }


    }

我的观点:

 <div class="form-group">
        @Html.LabelFor(model => model.WaitTime, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.WaitTime, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.WaitTime, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Attentive, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Attentive, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Attentive, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Outcome, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Outcome, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Outcome, "", new { @class = "text-danger" })
        </div>
    </div>

Answer 1

对每个字段使用这个而不是 EditorFor：

@Html.DropDownListFor(model => model.Outcome, new SelectList(Enumerable.Range(1, 5)))

Answer 2

尝试使它适应你的项目在你的控制器中：

    ViewBag.ParentID = new SelectList(departmentsQuery, "NewsMID", "Title", selectedDepartment);
  return View(model);

在你看来放这个

  @Html.DropDownList("ParentID")

Answer 3

这是工作 fiddle - https://dotnetfiddle.net/daB2DI

简而言之，假设您的模型是 -

public class SampleViewModel
{
    [Required] //Adding Validation Rule
    public int WaitTime { get; set; }

    [Required] //Adding Validation Rule
    public int Attentive { get; set; }

    [Required] //Adding Validation Rule
    public int Outcome { get; set; }
}

而您的控制器操作是 -

[HttpGet]
public ActionResult Index()
{
    return View(new SampleViewModel());
}


[HttpPost]
public JsonResult PostData(SampleViewModel model)
{               
    return Json(model);
}

您的 Get CSHTML 应该是 -

@model HelloWorldMvcApp.SampleViewModel

@{
    ViewBag.Title = "GetData";
}

<h2>GetData</h2>
@{
    var items = new List<SelectListItem>();
    for (int i = 1; i < 6; i++)
    {
        var selectlistItem = new SelectListItem();
        var code = 0;
        selectlistItem.Text = (code + i).ToString();
        selectlistItem.Value = (code + i).ToString();
        items.Add(selectlistItem);
    }
}

@using (Html.BeginForm("PostData","Home")) 
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>SampleViewModel</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.WaitTime, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownListFor(model => model.WaitTime, items, "--Select--", new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.WaitTime, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Attentive, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownListFor(model => model.Attentive, items, "--Select--", new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Attentive, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Outcome, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownListFor(model => model.Outcome, items, "--Select--", new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Outcome, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

当你运行代码时，你应该看到如下页面 -

当您 select 一些值并单击创建时，您应该在 PostData 操作中获得这些值。

ASP.NET MVC 5 为下拉列表设置值

ASP.NET MVC 5 Set values for dropdownlist

c#

asp.net

asp.net-mvc

drop-down-menu

asp.net-mvc-5