Come posso creare un Razor Form per un modello EF complesso
asp.net-core-2.1 c# entity-framework entity-framework-6 razor-pages
Domanda
Sto cominciando a chiedermi se quello che sto per chiedere è anche possibile .. Ma DOVREBBE esserlo.
Gli esempi MS sono terribilmente a corto di quello che sto cercando, quindi forse EF non è progettato come pensavo. (BTW Scaffold per CRUD per ogni singolo tavolo funziona alla grande, ma crea solo una creazione a livello di tabella. Voglio qualcosa che gestisca la relazione come un oggetto.)
public class ContactPhone
{
public ContactPhone(ContactPhone contactPhone)
{
Id = contactPhone.Id;
ContactId = contactPhone.ContactId;
ContactPhoneTypeId = contactPhone.ContactPhoneTypeId;
Number = contactPhone.Number;
}
//private ContactPhone contactPhone;
public ContactPhone()
{
}
//public ContactPhone(ContactPhone contactPhone)
//{
// this.contactPhone = contactPhone;
//}
public int Id { get; set; }
public int ContactId { get; set; }
public virtual Contact Contact { get; set; }
public int ContactPhoneTypeId { get; set; }
public virtual ContactPhoneType ContactPhoneType { get; set; }
public string Number { get; set; }
}
public class Contact
{
public Contact()
{
Phones = new List<ContactPhone>();
}
public int Id { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
public string Email { get; set; }
public int LocationAddressId { get; set; }
public LocationAddress LocationAddress { get; set; }
public int UserId { get; set; }
[ForeignKey("UserId")]
public virtual SCPI_site_User User { get; set; }
//public ICollection
public List<ContactPhone> Phones { get; set; }
}
So che questo è sbagliato, ma funziona un po '... la mia ipotesi era che il mio contatto era persistente e passava avanti e indietro tra la pagina Razor, tuttavia non sembra essere il caso.
public class CreateModel : PhoneTypesPageModel
{
private readonly SCPI_Site.Areas.SCPI_SiteContext _context;
public CreateModel(SCPI_Site.Areas.SCPI_SiteContext context)
{
_context = context;
}
[TempData]
public string Message { get; set; }
[BindProperty]
public Contact Contact { get; set; }
[BindProperty]
public ContactPhone ContactPhone { get; set; }
//public bool HasPhones => Contact.Phones.Count > 0;
public IActionResult OnGet()
{
PopulatePhoneTypeDropDownList(_context);
int userID = User.Identity.GetUserId<int>();
if (Contact == null)
{
Contact = new Contact();
}
if (ContactPhone == null)
{
Contact = new Contact();
}
Contact.UserId = userID;
ViewData["UserId"] = userID;
return Page();
}
public async Task<IActionResult> OnPostAsync(string submit)
{
int userID = User.Identity.GetUserId<int>();
Contact.UserId = userID;
switch (submit)
{
case "AddPhone":
// (failed attempt) _context.ContactPhone.Add(ContactPhone);
Contact.Phones.Add(new ContactPhone(ContactPhone));
ContactPhone.Number = "";
return Page();
default:
//if (!ModelState.IsValid)
//{
// return Page();
//}
_context.Contact.Add(Contact);
await _context.SaveChangesAsync();
Message = "Contact Created!";
return RedirectToPage("./Index");
}
}
}
}
HTML:
@page
@model SCPI_Site.Areas.ContactModel.Pages.Contacts.CreateModel
@{
//Layout = "~/Views/Shared/_AdminLayout.cshtml";
ViewData["Title"] = "Create";
}
<div class="col">
<h4>Contact</h4>
<hr />
<div class="row">
<div class="col-md-4">
<form method="post">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<input type="hidden" asp-for="Contact.UserId" />
<div class="row">
<div class="form-group col-md-6">
<label asp-for="Contact.FirstName" class="control-label"></label>
<input asp-for="Contact.FirstName" class="form-control" />
<span asp-validation-for="Contact.FirstName" class="text-danger"></span>
</div>
<div class="form-group col-md-6">
<label asp-for="Contact.LastName" class="control-label"></label>
<input asp-for="Contact.LastName" class="form-control" />
<span asp-validation-for="Contact.LastName" class="text-danger"></span>
</div>
</div>
<div class="form-group">
<label asp-for="Contact.Email" class="control-label"></label>
<input asp-for="Contact.Email" class="form-control" />
<span asp-validation-for="Contact.Email" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Contact.LocationAddress.Address" class="control-label"></label>
<input asp-for="Contact.LocationAddress.Address" class="form-control" />
<span asp-validation-for="Contact.LocationAddress.Address" class="text-danger"></span>
</div>
<div class="row">
<div class="form-group col-md-4">
<label asp-for="Contact.LocationAddress.City" class="control-label"></label>
<input asp-for="Contact.LocationAddress.City" class="form-control" />
<span asp-validation-for="Contact.LocationAddress.City" class="text-danger"></span>
</div>
<div class="form-group col-md-4">
<label asp-for="Contact.LocationAddress.State" class="control-label"></label>
<input asp-for="Contact.LocationAddress.State" class="form-control" />
<span asp-validation-for="Contact.LocationAddress.State" class="text-danger"></span>
</div>
<div class="form-group col-md-4">
<label asp-for="Contact.LocationAddress.PostalCode" class="control-label"></label>
<input asp-for="Contact.LocationAddress.PostalCode" class="form-control" />
<span asp-validation-for="Contact.LocationAddress.PostalCode" class="text-danger"></span>
</div>
</div>
@if (Model.Contact.Phones != null)
{
<hr />
<table class="table">
<thead>
<tr>
<th>
Type
@*@Html.DisplayNameFor(model => model.Contact.Phones[0].ContactPhoneType)*@
</th>
<th>
Number
@*@Html.DisplayNameFor(model => model.Contact.Phones[0].Number)*@
</th>
<th></th>
</tr>
</thead>
<tbody>
@if (Model.Contact.Phones != null)
{
@foreach (var item in Model.Contact.Phones)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.ContactPhoneType.Id)
</td>
<td>
@Html.DisplayFor(modelItem => item.Number)
</td>
<td>
<a asp-page="../ContactPhones/Edit" asp-route-id="@item.Id">Edit</a> |
<a asp-page="../ContactPhones/Details" asp-route-id="@item.Id">Details</a> |
<a asp-page="../ContactPhones/Delete" asp-route-id="@item.Id">Delete</a>
</td>
</tr>
}
}
</tbody>
</table>
}
<div class="form-group">
<input type="submit" value="Create" class="btn btn-default" />
</div>
<div id="pay-invoice" class="card">
<div class="card-body">
<div class="card-title">
<input type="hidden" id="x_card_num" name="x_card_num" value="">
@*<partial name="../ContactPhones/Index" model=@Model />*@
@*First name:
<input type="text" name="A" value="<%= ViewData[" A"] %>" />
<br />
Last name:
<input type="text" name="B" value="<%= ViewData[" B"] %>" />
<br />
<input type="submit" value="Insert" />
<button type="submit" name="submit" value="add"><span class="glyphicon glyphicon-plus"></span>Add another</button>*@
<input type="hidden" asp-for="ContactPhone.ContactId" />
<div class="row">
<div class="form-group col-md-7">
<label asp-for="ContactPhone.Number" class="control-label"></label>
<input asp-for="ContactPhone.Number" class="form-control" />
<span asp-validation-for="ContactPhone.Number" class="text-danger"></span>
</div>
<div class="form-group col-md-5">
<label asp-for="ContactPhone.ContactPhoneType" class="control-label"></label>
<select asp-for="ContactPhone.ContactPhoneTypeId" class="form-control"
asp-items="@Model.PhoneTypeSL">
@*<option value="">-- Select Type --</option>*@
</select>
<span asp-validation-for="ContactPhone.ContactPhoneTypeId" class="text-danger" />
</div>
</div>
<button type="submit" name="submit" value="AddPhone" class="btn btn-primary"><span class="fa fa-plus"> </span> Add Phone Number</button>
@*<a asp-area="ContactsModel" asp-page="/ContactPhones/Create"> Add Phone Number</a>*@
</div>
</div>
</div>
<p>
@* <a asp-page="Create">Create New</a>*@
</p>
@*@Html.Hidden("Contact.UserId") This breaks the validation*@
@*<div class="form-group">
<label asp-for="Contact.UserId" class="control-label"></label>
<select asp-for="Contact.UserId" class="form-control" asp-items="ViewBag.UserId"></select>
</div>*@
</form>
</div>
</div>
<div>
<a asp-page="Index">Back to List</a>
</div>
</div>
@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
Creare:
Dato questo piccolo modello, come posso creare una pagina del rasoio che aggiungerà i record del telefono all'oggetto Contatto e acquisirà i dati dell'oggetto Contatto e creerà l'intero modello con una sola chiamata Salva. (gestisci le chiavi, ecc.)
Ora potrei essere fuori base qui ma questo tipo di scenario è quello che mi aspetterei da un ORM. Francamente non sono sicuro del motivo per cui qualcuno dovrebbe costruire l'EF e non fornire questo tipo di funzionalità. Ma probabilmente mi manca qualcosa e mi sono riversato più volte sui documenti MS alla ricerca di indizi.
Ma funziona così in Django;)
Se c'è un solo esempio di questo tipo di operazione là fuori che non è lo stesso esempio unidimensionale del cliente, lo apprezzerei.
Grazie CB
Risposta popolare
Se si desidera associare elementi a una proprietà che è una raccolta di qualche tipo, è necessario aggiungere gli indicizzatori al nome dei campi modulo o all'espressione passata all'attributo asp-for di un taghelper, a partire da 0 .
Ecco un modello più semplice:
public class Order
{
public int OrderId { get; set; }
public string Customer { get; set; }
public List<OrderItem> Items { get; set; }
}
public class OrderItem
{
public int OrderItemId { get; set; }
public string Item { get; set; }
public decimal Price { get; set; }
}
Ecco il PageModel:
public class CreateModel : PageModel
{
[BindProperty]
public Order Order { get; set; }
public void OnPost()
{
}
}
Ecco la forma:
@page
@model CreateModel
@{
}
<form method="post">
<input asp-for="Order.Customer" /><br />
<input asp-for="Order.Items[0].Item" /><br/>
<input asp-for="Order.Items[0].Price" />
<input type="submit"/>
</form>
Questo è tutto ciò di cui hai bisogno. I valori del modulo verranno automaticamente associati alla proprietà Order contrassegnata con l'attributo [BindProperty] . Se si passa a EF, verrà creato e salvato un ordine, quindi verrà utilizzato l'ID per creare e salvare un oggetto OrderItem . Se si desidera consentire all'utente di creare più elementi, è sufficiente incrementare l'indicizzatore di 1 per ciascun elemento:
<form method="post">
<input asp-for="Order.Customer" /><br />
@for (var i = 0; i < 5; i++)
{
<input asp-for="Order.Items[i].Item" /><br/>
<input asp-for="Order.Items[i].Price" />
}
<input type="submit"/>
</form>
Rif: https://www.learnrazorpages.com/razor-pages/model-binding#binding-complex-collections
Autorizzato sotto: CC-BY-SA with attribution
Non affiliato con Stack Overflow