MVC3中某个模型类的Razor视图下拉列表



MVC3中有两个模型类,一个用于Services,它们具有属性

public int ID { get; set; }
public string Name { get; set; }
public string Description { get; set; }
public string Image { get; set; }
public int ChildOf { get; set; }

它还有一个Entityframework 的DB表

另一个模型是具有特性的Quata

public int ID { get; set; }
public string Sender_Name { get; set; }
public string Description { get; set; }
.....
......
public Services Service_ID { get; set; }

它还有一个Entityframework 的DB表

我想创建一个Razor(C#)视图(for Quata),用户可以在其中通过填写html表单发送quata,但我想显示一个下拉列表,其中Services ID的下拉值Services Name的下拉文本

我的问题是,我应该如何通过@Html.DropDownListFor创建动态下拉列表?并将下拉列表中的选定数据发送到控制器?

试试这个

控制器:

 public ActionResult Create()
    {
        var Services = new Services();
        Services.Load(); //load services..
        ViewBag.ID = new SelectList(Services.ToList(), "Id", "Name");

        return View();
    }
[HttpPost]
public ActionResult Create(Quata Quata)
    {
        //save the data 
    }

强类型视图:(使用Razor)

@model Quata
@using (Html.BeginForm()) {
<fieldset>
    <legend>Quata</legend>
    <div>
        @Html.LabelFor(model => model.Service_ID.ID, "Service")
    </div>
    <div>
        @Html.DropDownList("ID", String.Empty)
    </div>

    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
}

查看@Html.DropDownListFor

假设您的视图模型有一个所述服务的列表。

以下内容可能对您有效(您可能不需要for循环,编辑器应该会消除这一点,但我遇到了一些奇怪的绑定问题)。

在指向视图模型的顶级视图中(@model Quata,假设Quata是您的视图模型)有以下代码:

@For i = 0 To Model.DropdownListInput.Count - 1
                Dim iterator = i
                @Html.EditorFor(Function(x) x.DropdownListInput(iterator), "EnumInput")
        Next

在编辑器模板中(在视图文件夹下创建一个子文件夹,该下拉列表将位于编辑器模板中,并根据您的意愿命名模板,我的模板是EnumInput)。

在您的编辑器模板中,应该指向您的服务模型(@model Services),它有类似于以下代码的内容(替换适当的变量名):

@<div class="editor-label">
    @Html.LabelFor(Function(v) v.value, Model.DisplayName)
</div>
@<div class="editor-field">
    @Html.DropDownListFor(Function(v) v.value, New SelectList(Model.ParamEnums, "ValueForScript", "EnumValue"), "--Please Select A Value--")
    @Html.ValidationMessageFor(Function(v) v.value)
</div> 

用您的列表替换列表,用您的(@Html.DropDownListFor(x=>x.id,New SelectList(x.ServiceList,"id","Name"),"--请选择一个值--")或类似的东西替换lambda值。

请注意,这段代码是用VB编写的,但它应该提供一个粗略的指南。

最新更新