大版面布局

Question

我的应用程序中有包含超过10个不同字段的表单(文本框、下拉列表 ets.)。有很多这样的复制粘贴片段：

<div class="row">
    <div class="span3">
        @Html.LabelFor(model => model.FirstName)
    </div>
    <div>
        @Html.EditorFor(model => model.FirstName)
    </div>
</div>

只有EditorFor是改变的一部分。标签和包装div是相同的。

如何移动HTML的重复部分？我尝试了分部和编辑器，但不知道如何在第2 div中指定通用编辑器，因为它也可以下拉，复选框等。

Answer 1

您可以在视图中创建一个下拉列表，并通过以下操作将类似于MyFirstNameList的下拉列表添加到控制器中的w视图模型中。

using System.Web.Mvc;

public class YourController
{    
        private yourdatacontext db = new yourdatacontext ();

        public ActionResult Create()
        {
            ViewModels.YourViewModel model = new ViewModels.YourViewModel ();

            model.MyFirstNameList = new SelectList(db.FirstNames, "Id", "Name");

            return View(model);
         }
}

然后你就可以在视野里这样做了..。

@Html.DropDownListFor(model => m.FirstName, Model.MyFirstNameList, "--- Select a Name ----")