ASP.NET MVC 5为下拉列表

Question

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

我可以在视图中设置这些值并使用模型吗？如果是这样，我将如何做到这一点？

我的模特课程：

     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

这是工作小提琴 - 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);
}

你的获取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>
}

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

当您选择一些值并点击“创建”时，您应该在PostData操作中获取这些值。

Answer 3

尝试将此修改为您的项目 在你的控制器中：

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

在你看来放这个

  @Html.DropDownList("ParentID")