为什么我的视图不使用我的编辑器模板文件夹进行创建操作
本文关键字:我的 文件夹 创建 操作 编辑器 视图 为什么 | 更新日期: 2023-09-27 18:34:14
在我的MedicalProductController
中,我试图通过IEnumerable<ViewModel>
传递到视图,使我的Create
和Delete
操作能够在一个页面上创建和删除多个对象。我用于Create
操作的方法适用于此堆栈溢出问题中的Edit
操作。 但它不适用于我的create
动作,所以我怀疑有些不对劲。
问题是页面上没有显示任何字段。 该页面在该页面上简单地说:"创建","保存"(按钮),"返回列表"(可单击的链接)。 在"创建"和"保存"之间,应该有由MedicalProductViewModel.cshtml创建的html编辑器字段和标签,如下所示。
这是我的设置的样子。
Create.cshtml
@model IEnumerable<MvcMedicalStore.Models.MedicalProductViewModel>
@{
ViewBag.Title = "Create";
}
<h2>Create</h2>
@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>MedicalProduct</legend>
@Html.EditorFor(m => m)
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
视图''医疗产品''编辑器模板''医疗产品视图模型.cshtml
@model MvcMedicalStore.Models.MedicalProductViewModel
@Html.HiddenFor(item => Model.ID)
<div class="editor-label">
@Html.LabelFor(item => Model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(item => Model.Name)
@Html.ValidationMessageFor(item => Model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(item => Model.Price)
</div>
<div class="editor-field">
@Html.EditorFor(item => Model.Price)
@Html.ValidationMessageFor(item => Model.Price)
</div>
<div class="editor-label">
@Html.LabelFor(item => Model.ID)
</div>
<div class="editor-field">
@Html.DropDownListFor(item => Model.BrandID, Model.BrandSelectListItem)
@Html.ValidationMessageFor(item => Model.BrandID)
</div>
医疗产品控制器.cs
public class MedicalProductController : Controller
{
private MvcMedicalStoreDb _db = new MvcMedicalStoreDb();
public ActionResult Index()
{
var productList = _db.Products.ToArray();
var viewModelList = GetMedicalProductViewModelList(productList);
return View(viewModelList);
}
public IEnumerable<MedicalProductViewModel> GetMedicalProductViewModelList(IEnumerable<MedicalProduct> productList)
{
var brandList = _db.Brands.ToArray();
var mapper = new MedicalProductMapper();
return mapper.MapMedicalProductViewModel(productList, brandList);
}
public IEnumerable<MedicalProduct> GetMedicalProductList(IEnumerable<MedicalProductViewModel> viewModelList)
{
var mapper = new MedicalProductMapper();
return mapper.MapMedicalProductList(viewModelList);
}
//
// GET: /MedicalSupply/Create
public ActionResult Create()
{
return View();
}
//
// POST: /MedicalSupply/Create
[HttpPost]
[ValidateAntiForgeryToken]
//public ActionResult Create(MedicalProduct medicalProduct)
public ActionResult Create(IEnumerable<MedicalProductViewModel> productViewModelList)
{
var productList = GetMedicalProductList(productViewModelList);
if (ModelState.IsValid)
{
foreach (MedicalProduct product in productList)
_db.Products.Add(product);
_db.SaveChanges();
return RedirectToAction("Index");
}
return View(productViewModelList);
}
}
医疗产品映射器.cs
public class MedicalProductMapper
{
public IEnumerable<MedicalProductViewModel> MapMedicalProductViewModel(IEnumerable<MedicalProduct> productList, IEnumerable<Brand> brandList)
{
var brandSelectListItem = brandList.Select(b => new SelectListItem()
{
Text = b.Name,
Value = b.ID.ToString()
});
var viewModelList = productList.Select(p => new MedicalProductViewModel()
{
BrandID = p.BrandID,
//BrandName = brandList.SingleOrDefault(b => b.ID == p.BrandID).Name,
BrandSelectListItem = brandSelectListItem,
ID = p.ID,
Price = p.Price,
Name = p.Name
});
return viewModelList;
}
public IEnumerable<MedicalProduct> MapMedicalProductList(IEnumerable<MedicalProductViewModel> viewModelList)
{
var modelList = viewModelList.ToArray().Select( viewModel => new MedicalProduct()
{
Name = viewModel.Name,
Price = viewModel.Price,
BrandID = viewModel.BrandID
});
return modelList;
}
}
编辑
我的编辑视图与我的创建视图非常相似:
编辑.cshtml
@model IEnumerable<MvcMedicalStore.Models.MedicalProductViewModel>
@{
ViewBag.Title = "Edit";
}
<h2>Edit</h2>
@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>MedicalProduct</legend>
@Html.EditorFor(m => m)
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
您的 Create() 控制器方法正在向视图传递一个 null,因此编辑器模板不会触发。
public ActionResult Create()
{
return View();
}
如果您传入一个新的列表<>,那么它将像您的编辑器一样工作。
public ActionResult Create()
{
return View(new List<MedicalProductViewModel>() { new MedicalProductViewModel() });
}
有没有理由不只传入单个视图模型而不是列表?您将能够以相同的方式使用编辑器模板。
需要注意的另一件事是,传入 IEnumerable<> 作为视图模型可能不是一个好主意。如果您需要将其他非医疗产品属性传递给您的视图,该怎么办?
我会提倡复合视图模型,就像这样。
public class EditMedicalProductViewModel
{
public IEnumerable<MedicalProductViewModel> MedicalProducts { get; set; }
}
public class CreateMedicalProductViewModel
{
public MedicalProductViewModel MedicalProduct { get; set; }
}
在您的编辑视图中,您将改为执行此操作
@Html.EditorFor(m => m.MedicalProducts)
对于您的创建视图,您将这样做
@Html.EditorFor(m=> m.MedicalProduct)
在您的创建方法中,您应该创建一个新的医疗产品
return View(new CreateMEdicalProductViewModel() { MedicalProduct = new MedicalProductViewModel() } );
不起作用,因为您的模型是IEnumerable<MedicalProductViewModel>
,但您的编辑器模板用于MedicalProductViewModel
你可以试试这个:
<fieldset>
<legend>MedicalProduct</legend>
@foreach(var item in Model)
{
Html.EditorFor(model => item)
}
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
但这可能不会完全按照您想要的方式格式化字段,因为它会创建许多编辑器。最简单的方法是重构控制器,以便它允许一次编辑一条记录。