Databases
StackOverflow2013
Postsdbo
PODynamically add new fields with Editor Template
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODynamically add new fields with Editor Template
    primarykey
    data
    text
    <p>In my MVC4 project I have a Category view model with a collection of Product view models. I use an Editor Template to render a single Product view model, and pass the collection of Product view models to it:</p> <p>Category view model:</p> <pre><code>@model CategoryViewModel @using MVC4PartialViews.Models.ViewModels &lt;div class="editor-field"&gt; @Html.EditorFor(model =&gt; model.CategoryName) @Html.ValidationMessageFor(model =&gt; model.CategoryName) &lt;/div&gt; @Html.EditorFor(x =&gt; x.Products) </code></pre> <p>Editor template that renders each Product in the collection:</p> <pre><code>&lt;div class="editor-field"&gt; @Html.EditorFor(model =&gt; model.ProductName) @Html.ValidationMessageFor(model =&gt; model.ProductName) &lt;/div&gt; // etc. </code></pre> <p>This works very well as it automagically names and indexes the elements correctly so all the Products get posted back as part of the parent Category view model - here's what it outputs:</p> <pre><code>&lt;div class="editor-field"&gt; &lt;input class="text-box single-line" id="Products_0__ProductName" name="Products[0].ProductName" type="text" value="Add 1st product for this Category" /&gt; &lt;span class="field-validation-valid" data-valmsg-for="Products[0].ProductName" data-valmsg-replace="true"&gt;&lt;/span&gt; &lt;/div&gt; </code></pre> <p>I need to lets users add and remove Products. To add a new one I somehow need to dynamically render the editor template to create the new Product and have each field indexed / named correctly i.e if I already have 2 Products (indexed 0 and 1) then the new Product would need to be named as such: </p> <pre><code>Products[2].ProductName </code></pre> <p>I've read this article by Steve Sanderson but it seems clunky and he indexes his fields with a Guid rather than a consecutive index field:</p> <p><a href="http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/" rel="nofollow">Editing a variable length list in MVC2</a></p> <p>TIA</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USCiaran Bruen
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PODynamically add new fields with Editor Template
      1. UScodingbiz
      1. VTFavorite
    2. VO
      singulars
      1. PODynamically add new fields with Editor Template
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PODynamically add new fields with Editor Template
      1. This table or related slice is empty.
      1. VTUpMod
    1. CODid you ever done what you were looking for? I am of the same opinion and asking the same question. If you did, can you share how? Thanks
      singulars
      1. PODynamically add new fields with Editor Template
      1. USDisplay Name
    2. CO@Display Name I moved onto something else after this post but I'm back on it again. I downloaded the code sample from the Steve Sanderson link above which works but he uses a GUID as an index. I'm going to try again and see can I get his code to work using a consecutive index
      singulars
      1. PODynamically add new fields with Editor Template
      1. USCiaran Bruen
    3. CO@DisplayName I found another article by Steve Sanderson where he does what I need but uses Knockout.js. I tried to incorporate his code in my project but the postback to my Controller won't work - it doesn't send back any data. So still looking for a solution for this :-| Here's the article: http://blog.stevensanderson.com/2010/07/12/editing-a-variable-length-list-knockout-style/
      singulars
      1. PODynamically add new fields with Editor Template
      1. USCiaran Bruen
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload