这个问题困扰了我两天了。有一些类似的帖子,但是都没有完全解决我的问题。
使用MVC-3,Razor语法:
-EDIT.cshtml-
@using (Html.BeginForm("Edit", "My", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<!-- Some fields... -->
<div class="editor-field">
@Html.TextAreaFor(m => m.LongDescription)
@Html.ValidationMessageFor(m => m.LongDescription)
</div>
<!-- Some more fields work... Including picture upload (summary).-->
<input name="button" type="submit" value="Add Picture" />
<!-- Picture Item display -->
@foreach(var thumbnail in Model.ThumbnailImagePathAndNames)
{
<img src="@Url.Content(@thumbnail.ThumbnailPicturePath)" alt="" width="200" />
@Html.RadioButtonFor(o=>o.SelectedImage, @thumbnail.ImageGUID) Primary Picture
<!-- Checkbox to mark for deletion -->
@Html.CheckBoxFor(o=>thumbnail.Delete) Delete ???????? <!---- Here is a problem - I don't understand how this should work -->
}
<input id="Submit1" name="button" type="submit" value="Complete Edit!" />
}
-MyController.cs-
[HttpPost]
public ActionResult Edit(String button, HttpPostedFileBase file, MyMainModel model)
{
// if button = submit picture, work with picture here and break(long story)
// save model data
// if valid, save and redirect
// not valid or error, load up view like normal but with error messages
model.LoadThumbnails();
return View(model);
}
-MyMainModel.cs-
public class MyMainModel
{
// some properties...
public Guid? SelectedImage { get; set; }
[Display(Name = "Detailed Description")]
public String LongDescription { get; set; }
// some more properties....
// and finally my list of models
public IList<ThumbnailModel> ThumbnailImagePathAndNames { get; set; }
public void LoadThumbnails()
{
// load up initial thumbnail models
this.ThumbnailImagePathAndNames = new List<ThumbnailModel>(readDataService.GetThumbnailModels(this.SomeID));
}
}
-ThumbnailModels.cs-
public class ThumbnailModel
{
public Guid ImageGUID { get; set; }
public String FullSizePicturePath { get; set; }
public String ThumbnailPicturePath { get; set; }
public bool Delete { get; set; }
}
所以有什么问题?好吧,当“完成编辑!”按下按钮,将按预期的方式调用MyController的Edit,而所有MyMainModle的数据都保持不变....除了ThumbnailModel的列表以外-事实证明它们为null。
应该怎么做?我已经尝试了许多不同的方法,包括制作一个可编辑的模板和使用EditFor(o => ...都无济于事(这变得令人困惑,因为我不知道EditFor是否应该用于整个收藏集,或者仅仅是集合中的一个项目-我尝试了两种方式。所有这些都一直起作用,直到我添加了要删除的复选框的复杂性,因此需要检索ThumbnailModels列表以检查内部Delete属性值。
谢谢大家阅读并尝试理解这一点。
[免责声明-已更改了一些变量和方法名称,以保护无辜的程序。许多代码已被剥离,并由注释代码代替。]
最佳答案
这是我用来说明一些概念的示例:
模型:
public class MyMainModel
{
public Guid? SelectedImage { get; set; }
public string LongDescription { get; set; }
public IEnumerable<ThumbnailModel> ThumbnailImagePathAndNames { get; set; }
public HttpPostedFileBase File { get; set; }
}
public class ThumbnailModel
{
public Guid ImageGUID { get; set; }
public bool Delete { get; set; }
}
Controller :
public class HomeController : Controller
{
public ActionResult Index()
{
var model = new MyMainModel
{
// TODO: fetch from the repository instead of hardcoding
ThumbnailImagePathAndNames = new[]
{
new ThumbnailModel { ImageGUID = Guid.NewGuid() },
new ThumbnailModel { ImageGUID = Guid.NewGuid() },
new ThumbnailModel { ImageGUID = Guid.NewGuid() },
}
};
return View(model);
}
[HttpPost]
public ActionResult Index(MyMainModel model)
{
... the model will be properly bound here
}
}
View :
@model AppName.Models.MyMainModel
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm("index", "home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<div class="editor-field">
@Html.TextAreaFor(m => m.LongDescription)
@Html.ValidationMessageFor(m => m.LongDescription)
</div>
<input type="file" name="file" />
<!-- Use different names for the upload and complete submit
buttons so that you can distinguish which one was clicked
in the POST action
-->
<input name="upload" type="submit" value="Add Picture" />
@Html.EditorFor(x => x.ThumbnailImagePathAndNames)
<input name="complete" type="submit" value="Complete Edit!" />
}
编辑器模板:(
~/Views/Home/EditorTemplates/ThumbnailModel.cshtml
):@model AppName.Models.ThumbnailModel
<!-- Pass the image id as hidden field -->
@Html.HiddenFor(x => x.ImageGUID)
@Html.CheckBoxFor(x => x.Delete)
关于model - 包含模型的模型列表(MVC-3,Razor),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4720330/