Quando gestiamo l'input dell'utente in ASP.NET MVC, spesso ci limitiamo a realizzare una action, invocata in POST, che accetta come parametro un oggetto del model:
[HttpPost] public ActionResult SaveInvoice(Invoice invoice) { // codice qui ... }
Il runtime, e in particolar modo di un oggetto chiamato ModelBinder, ha poi il compito di trasformare il contenuto della request HTTP in una istanza dell'oggetto Invoice. Nell specifico, il DefaultModelBinder di ASP.NET MVC è in grado quantomeno di popolare tutte le proprietà di tipi "nativi", vale a dire stringhe, interi, date, ecc. L'unico requisito è che, per ognuna di esse, abbiamo costruito l'editor in maniera corretta, ad esempio sfruttando l'helper EditorFor:
@Model Invoice @* ... codice e markup html ... *@ Numero fattura: @Html.EditorFor(m => m.Number) Data fattura: @Html.EditorFor(m => m.Date)
Alle volte, però, capita di dover gestire delle collection di dati, ad esempio perchè vogliamo realizzare una griglia editabile tramite cui modificare i dettagli di una fattura. Questo caso è perfettamente supportato dal DefaultModelBinder di ASP.NET MVC, a patto di generare l'editor in questo modo:
<table> @for (int i = 0; i < Model.Details; i++) { <tr> <td>@Html.EditorFor(m => m.Details<i>.Product)</td> <td>@Html.EditorFor(m => m.Details<i>.Quantity)</td> <td>@Html.EditorFor(m => m.Details<i>.Price)</td> </td> } </table>
Il parametro di EditorFor è, come sempre, una lambda expression che accetta in input il Model e restituisce l'elemento da editare. Nel nostro caso, il model è ancora una volta l'intero oggetto Invoice, e ciò che facciamo è semplicemente quello di accedere all'elemento i-esimo della collection di dettagli per restituirne la proprietà desiderata. L'unico vincolo, affinché tutto funzioni, è quello di esplicitare l'indice dell'elemento nella lambda expression ed è questo il motivo per il quale abbiamo utilizzato l'istruzione for, invece di foreach, per ciclare la collection dei dettagli fattura.
Seguendo questa semplice regola, il DefaultModelBinder sarà in grado di ricostruire anche la collection dei dettagli e di inviare alla nostra Action, un oggetto Invoice completo dei dettagli inseriti dall'utente.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare una libreria CSS universale: i bottoni
Creare gruppi di client per Event Grid MQTT
Usare il colore CSS per migliorare lo stile della pagina
Gestire la cancellazione di una richiesta in streaming da Blazor
Miglioramenti agli screen reader e al contrasto in Angular
Ordine e importanza per @layer in CSS
Sfruttare al massimo i topic space di Event Grid MQTT
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core
Ordinare randomicamente una lista in C#
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Ottenere un token di accesso per una GitHub App