为什么我的视图不使用我的编辑器模板文件夹进行创建操作

本文关键字:我的 文件夹 创建 操作 编辑器 视图 为什么 | 更新日期: 2023-09-27 18:34:14

在我的MedicalProductController中,我试图通过IEnumerable<ViewModel>传递到视图,使我的CreateDelete操作能够在一个页面上创建和删除多个对象。我用于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>

但这可能不会完全按照您想要的方式格式化字段,因为它会创建许多编辑器。最简单的方法是重构控制器,以便它允许一次编辑一条记录。