Databases
StackOverflow2013
Postsdbo
PODynamically Add Form Elements in MVC3 Razor Create View
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODynamically Add Form Elements in MVC3 Razor Create View
    primarykey
    data
    text
    <p>I'd like to create a form with a group of text boxes and every time a user clicks the add button those text boxes will be recreated as many time as the user clicks the add button. Here is a picture of what I am looking to do.<img src="https://i.stack.imgur.com/wuHLG.jpg" alt="enter image description here"></p> <h2>Controller:</h2> <pre><code> // // GET: /Client/MyMove/Create public ActionResult Create() { return View(); } // // POST: /Client/MyMove/Create [HttpPost] public ActionResult Create(Move move) { var viewModel = new CreateMoveViewModel(); MembershipUser currentUser = Membership.GetUser(); Guid currentUserId = (Guid)currentUser.ProviderUserKey; if (ModelState.IsValid) { move.UserId = currentUserId; db.Moves.Add(move); move.AddMoveItem(2); db.SaveChanges(); return RedirectToAction("Index"); } return View(move); } </code></pre> <h2>Create.cshtml</h2> <pre><code>@model MovinMyStuff.WebUI.Areas.Client.Models.CreateMoveViewModel @using Telerik.Web.Mvc.UI @{ ViewBag.Title = "Create"; } &lt;h1&gt;Post a Move&lt;/h1&gt; &lt;script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"&gt; &lt;/script&gt; &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"&gt;&lt;/script&gt; @using (Html.BeginForm()) { @Html.ValidationSummary(true) &lt;fieldset&gt; &lt;div class="form-item-group last"&gt; &lt;div class="form-item half"&gt; &lt;div class="editor-label"&gt; Start Date &lt;/div&gt; Editorfor for Model1... &lt;div&gt; @Html.Partial("_MoveItem") &lt;/div&gt; &lt;/fieldset&gt; &lt;div class="submit-button-wrapper"&gt; &lt;input class="button" type="submit" value="Post" /&gt; &lt;/div&gt; } &lt;div&gt; @Html.ActionLink("Go Back", "Index", null, new { @class = "link-text" }) &lt;/div&gt; </code></pre> <h2>ViewModel</h2> <pre><code>namespace MovinMyStuff.WebUI.Areas.Client.Models { public class CreateMoveViewModel { public CreateMoveViewModel() { Moves = new Move(); MoveItems = new MoveItem(); } public Move Moves { get; set; } public MoveItem MoveItems { get; set; } } } </code></pre> <h2>Partial View</h2> <pre><code>@model MovinMyStuff.Domain.Entities.MoveItem &lt;div class="editor-label"&gt; Choose Area of Your Home &lt;/div&gt; &lt;div class="editor-field"&gt; @Html.EditorFor(model =&gt; model.MoveItemArea) @Html.ValidationMessageFor(model =&gt; model.MoveItemArea) &lt;/div&gt; &lt;div class="editor-label"&gt; Choose Your Item &lt;/div&gt; &lt;div class="editor-field"&gt; @Html.EditorFor(model =&gt; model.MoveItemType) @Html.ValidationMessageFor(model =&gt; model.MoveItemType) &lt;/div&gt; &lt;div class="editor-label"&gt; Quantity &lt;/div&gt; &lt;div class="editor-field"&gt; @Html.EditorFor(model =&gt; model.Quantity) @Html.ValidationMessageFor(model =&gt; model.Quantity) &lt;/div&gt; Other Properties of model... &lt;div class="editor-label"&gt; @Html.HiddenFor(model =&gt; model.MoveId) &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJ0NNY ZER0
    1. USJ0NNY ZER0
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PODynamically Add Form Elements in MVC3 Razor Create View
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PODynamically Add Form Elements in MVC3 Razor Create View
      1. USAaron
      1. VTFavorite
    3. VO
      singulars
      1. PODynamically Add Form Elements in MVC3 Razor Create View
      1. This table or related slice is empty.
      1. VTUpMod
    1. CODid you manage to get this working? I've been trying to do something similar with the added complexity of having to add validation to fields as well
      singulars
      1. PODynamically Add Form Elements in MVC3 Razor Create View
      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