Потребовалось некоторое время, чтобы понять, но MVC означает, что вы используете Модель, Представление и Контроллер тем или иным способом практически для всего, включая Частичные Представления. То, как все три элемента соединяются вместе, поначалу может немного пугать. Я никогда не делал один до сих пор, и это работает - Woohoo!
Надеюсь, это поможет следующему человеку ... Извините, я использую бритву вместо .Net форм. Я также извлекаю данные из базы данных SQL Server в Entity Framework, который разработчик, вероятно, будет использовать. Я также, вероятно, пошел немного за борт с WebGrid, который намного более элегантен, чем оператор foreach. Basic @ webgrid.GetHtml () будет отображать каждый столбец и строку.
Фон
В этом рабочем примере пользователи загрузили картинки. Их изображения отображаются в форме редактирования с использованием частичного просмотра. Метаданные ImageID и FileName сохраняются в SQL Server, а сам файл сохраняется в каталоге ~ / Content / UserPictures.
Я знаю, что это примерно наполовину, потому что не показаны все детали загрузки и редактирования личных данных. Нацелены только на некоторые части использования Partial View, хотя и с добавленным бонусом EF. Пространство имен MVCApp3 для S & G.
Модель с частичным представлением ViewModels.cs
Таблица образов SQL Server включает в себя еще много столбцов в дополнение к ImageID и FileName, например [Caption], [Description], хэш MD5 для предотвращения многократной загрузки одного и того же изображения и дату загрузки. ViewModel разгоняет сущность до минимума, необходимого для просмотра их изображений пользователем.
public class Picts
{
public int ImageID { get; set; }
public string FileName { get; set; }
}
Вид основного вида Edit.cshtml
Обратите внимание на приведение / преобразование для строгого ввода ViewData [].
@Html.Partial(
partialViewName: "Picts",
model: (IEnumerable<MVCApp3.Models.Picts>)ViewData["Picts"]
)
Если вы не установите строго типизированную модель для использования в частичном представлении, вы получите " Элемент модели, переданный в словарь, имеет тип 'System.Data.Entity.DynamicProxies ..."ошибка, поскольку предполагается, что вы передаете родительскую / основную модель.
Частичное представление Picts.cshtml (отображается все содержимое файла)
@model IEnumerable<MVCApp3.Models.Picts>
@{
var pictsgrid = new WebGrid(Model);
}
@pictsgrid.GetHtml(
tableStyle: "grid",
displayHeader: false,
alternatingRowStyle: "alt",
columns: pictsgrid.Columns(
pictsgrid.Column(format:@<text><img src="@Url.Content("~/Content/Users/" + @item.FileName)" alt="@item.ImageID" width="200" />
@Html.ActionLink(linkText: "Delete", actionName: "DeletePicture", routeValues: new { id = @item.ImageID })
</text>)
))
Контроллер IdentityController.cs
Установите содержимое данных в ViewData ["MyPartialViewModelKeyName"], которое будет использовать ваше частичное представление. Вы можете дать ключу словаря любое имя, какое захотите, но я дал ему ViewData ["Picts"], чтобы он соответствовал частичному имени файла представления и его определению класса модели представления.
Поскольку изображения могут совместно использоваться несколькими пользователями, существует таблица «многие ко многим» с соответствующим запросом PITA в Entity Framework, использующая вложенные froms и внутренние объединения для возврата только изображений, принадлежащих или совместно используемых пользователем:
public class IdentityController : Controller
{
private EzPL8Entities db = new EzPL8Entities();
// GET: /Identity/Edit/5
[Authorize]
public ActionResult Edit(int? id)
{
if (id == null)
return new HttpNotFoundResult("This doesn't exist");
// get main form data
ezpl8_UsersPhysicalIdentity ezIDobj = db.ezpl8_UsersPhysicalIdentity.Find(id)
// http://learnentityframework.com/LearnEntityFramework/tutorials/many-to-many-relationships-in-the-entity-data-model/
// get partial form data for just this user's pictures
ViewData["Picts"] = (from user in db.ezpl8_Users
from ui in user.ezpl8_Images
join image in db.ezpl8_Images
on ui.ImageID equals image.ImageID
where user.ezpl8_UserID == id
select new Picts
{
FileName = image.FileName,
ImageID = image.ImageID
}
).ToList();
return View(ezIDobj);
}
// Here's the Partial View Controller --not much to it!
public ViewResult Picts(int id)
{
return View(ViewData["Picts"]);
}
[Authorize] //you have to at least be logged on
public ActionResult DeletePicture(int id)
{
//ToDo: better security so a user can't delete another user's picture
// TempData["ezpl8_UserID"]
ezpl8_Images i = db.ezpl8_Images.Find(id);
if (i != null)
{
var path = System.IO.Path.Combine(Server.MapPath("~/Content/Users"), i.FileName);
System.IO.File.Delete(path: path);
db.ezpl8_Images.Remove(i);
db.SaveChanges();
}
return Redirect(Request.UrlReferrer.ToString());
}
protected override void Dispose(bool disposing)
{
db.Dispose();
base.Dispose(disposing);
}
}