[英]Using ViewModel to add multiple instances of a model
我有模特活動和門票
public class Event
{
public int EventID { get; set; }
[Required]
public String Name { get; set; }
[Required]
public String Location { get; set; }
[Required]
[DataType(DataType.Date)]
public DateTime Date { get; set; }
[Required]
[DataType(DataType.MultilineText)]
public String Description { get; set; }
[Required]
public int TicketsAvailable { get; set; }
//navigation property
public virtual ICollection<Order> Order { get; set; }
//navigation property
public virtual ICollection<Ticket> Ticket { get; set; }
}
public class Ticket
{
public int TicketID { get; set; }
[Required]
[ForeignKey("Event")]
//foreign key
public int EventID { get; set; }
[Required]
public string Description { get; set; }
[Required]
public float Price { get; set; }
//navigation property
public virtual Event Event { get; set; }
//navigation property
public ICollection<OrderDetails> OrderDetails { get; set; }
}
我創建了兩個視圖模型,以便我可以為每個事件添加多個票證
public class TicketVm
{
[Required]
public string Description { get; set; }
[Required]
public float Price { get; set; }
}
public class CreateTicketVm
{
public int EventId { get; set; }
public List<TicketVm> Tickets { set; get; }
}
然后,我有一個視圖,該視圖允許用戶創建一個新事件。 然后,當他們提交此事件時,將它們定向到CreateTicket視圖,該視圖應使用與創建的事件相同的EventID向該事件添加新的票證。
這是我的創建票證視圖
@model Site.Models.CreateTicketVm
<head>
<title>Create Event Tickets</title>
<link href="Content/TicketStyles.css" rel="stylesheet" type="text/css">
</head>
<h3> Tickets</h3>
<div id="tickets"></div>
@Html.HiddenFor(s => s.EventId)
<input type="button" id="add" value="Add Ticket" />
<input type="submit" id="btnSave" />
@section scripts{
<script>
$(function () {
//Lets create the first row
addNewRow();
$("#add").click(function (e) {
e.preventDefault();
addNewRow();
});
$("#btnSave").click(function (e) {
e.preventDefault();
var createTicket = { EventId: $("#EventId").val(), Tickets: [] };
var rows = $("#tickets").find(".item");
$.each(rows, function (i, row) {
var _row = $(this);
var inputs = _row.find("input");
var ticket = {};
$.each(inputs, function (index, item) {
var _this = $(this);
ticket[_this.data("for")] = _this.val();
});
createTicket.Tickets.push(ticket);
});
var targetUrl = "@Url.Action("CreateTicket","Tickets1")";
$.ajax({
url: targetUrl,
contentType: "application/json",
data: JSON.stringify(createTicket),
type: "POST"
}).done(function (res) {
if (res.Status === "Success") {
window.location.href = "@Url.Action("Success")";
}
});
});
});
function addNewRow() {
$.get("@Url.Action("AddNewTicketRow","Tickets1")", function (res) {
$("#tickets").append(res);
});
}
</script>
}
這是我的AddNewTicket部分視圖
@model Site.Models.TicketVm
<div class="item">
@Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })
<div>
@Html.TextBoxFor(model => model.Description, new { @data_for = "Description" })
</div>
@Html.LabelFor(model => model.Price, htmlAttributes: new { @class = "control-label col-md-2" })
<div>
@Html.TextBoxFor(s => s.Price, new { @data_for = "Price" })
</div>
</div>
這是我的Tickets1Controller類
public class Tickets1Controller : Controller
{
private ApplicationDbContext db = new ApplicationDbContext();
public ActionResult CreateTicket(int id)
{
var vm = new CreateTicketVm { EventId = id };
return View(vm);
}
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult CreateTicket(CreateTicketVm model)
{
if (model != null)
{
foreach (var ticketVm in model.Tickets)
{
db.Tickets.Add(new Ticket{ EventID = model.EventId,
Description=ticketVm.Description, Price =ticketVm.Price});
db.SaveChanges();
}
return RedirectToAction("Index");
}
return RedirectToAction("Index");
}
public ActionResult AddNewTicketRow()
{
var vm = new TicketVm();
return PartialView("~/Views/Tickets1/Partials/AddNewTicketRow.cshtml", vm);
}
我的故障單沒有保存,我也不明白為什么,因為將EventID傳遞到CreateTicket視圖,但是單擊“提交”按鈕並且沒有將故障單保存到我的數據庫表時,什么也沒發生。 非常感謝任何有關如何解決此問題的建議。
一旦我遇到了同樣的問題。我要做的是為頁面定義一個jquery變量,並在每次單擊“ AddNewTicketRow”時將其增加。並將其作為參數發送到“ AddNewTicketRow”控制器,並將其用作INDEX來創建AddNewTicket部分視圖,例如這個:
@Html.TextBoxFor(M => M.Description, new { Name = "Tickets[" + @Model.Index + "].Description", id = "Tickets[" + @Model.Index + "].Description" })
@Html.TextBoxFor(M => M.Price, new { Name = "Tickets[" + @Model.Index + "].Price", id = "Tickets[" + @Model.Index + "].Price" })
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.