Add dynamic form content in MVC

Question

I'm trying to add dynamic content to my mvc application.

I'm using Steven Sanderson post Editing a variable length list, ASP.NET MVC 2-style, and thanks to it, I had some dynamic content into it. Due some constraints of my application, I had to make a change into base Gift class.

The problem is that now the application doens't work.

In my Model I have:

public class Gift
{
    //public string Name { get; set; }
    //public double Price { get; set; }

    public List<string> MyList { get; set; }
}

And now, I'm getting null values in gifts parameter

[HttpPost]
public ActionResult Index(IEnumerable<Gift> gifts)
{
    return View("Completed", gifts);
}

Can anyone help me on this?

EDIT: Here is my View code:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<Enviro2011.Models.Gift>>" %>

<asp:Content ContentPlaceHolderID="HeadContent" runat="server">
    <link rel="Stylesheet" href="../../Content/styles.css" />
    <script type="text/javascript">
        $(document).ready(function () {

            $("#addItem").click(function () {
                $.ajax({
                    url: this.href,
                    cache: false,
                    success: function (html) { $("#editorRows").append(html); }
                });
                return false;
            });

            $("a.deleteRow").live("click", function () {
                $(this).parents("div.editorRow:first").remove();
                return false;
            });
        });
    </script>
</asp:Content>
<asp:Content ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Gift List</h2>
    What do you want for your birthday?
    <% using (Html.BeginForm())
       { %>
    <div id="editorRows">
        <% foreach (var item in Model)
               Html.RenderPartial("GiftEditorRow", item);
        %>
    </div>
    <%: Html.ActionLink("Add another...", "Add", null, new { id = "addItem" }) %>
    <input type="submit" value="Finished" />
    <% } %>
</asp:Content>

Edit2 I also have found out the post Model Binding To A List from Phil Haack, and works just fine, but I can't implement the feature 'Add Book' !!!

The way in Sanderson's blog won't work directly since mvc can't directly bind the list type object. Can you also show your view codes here? — xandy
– xandy, Commented Dec 20, 2010 at 0:27
@xandy: are you sure when you say that MVC can't directly bind the List type object??? — Lorenzo
– Lorenzo, Commented Dec 20, 2010 at 0:34
What I mean is, you can't simply consider that as a variable and have MVC magically bind. Giving an index is the solution, but if it comes to list under another object, an simple index is not enough, customizing the bind behavior (in controller) or give a named index, like myList[0] is necessary. — xandy
– xandy, Commented Dec 20, 2010 at 0:55
@xandy: No problem. I just wanted to note that your first comment could lead to misunderstanding. @muek: as xandy already wrote you should add some of your view code to get more help... — Lorenzo
– Lorenzo, Commented Dec 20, 2010 at 1:17

RapPayne · Accepted Answer · 2010-12-30 17:39:28Z

4

+25

The problem is that you're looping through the model and not the items in the model.

Here's what you can do:

<% foreach (var item in Model.MyList)  // <-- Add the ".MyList"
       Html.RenderPartial("GiftEditorRow", item);
%>

We'll assume that your partial view receives only a string.

As far as your Ajax call not working, the problem there is that you're trying to submit twice, once using the actionLink and the other using Ajax. Change the ActionLink to an explicit link with no action behind it:

<a id="addItem">Add another ...</a>

Then your jQuery Ajax call will fire.

edited Dec 30, 2010 at 17:39

answered Dec 30, 2010 at 17:23

RapPayne

7,3203 gold badges54 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

swapneel · Accepted Answer · 2010-12-25 13:00:40Z

0

Do you have below action into your controllor

public ActionResult Add()
{
return View("GiftEditorRow", new MyList());
}

answered Dec 25, 2010 at 13:00

swapneel

3,0711 gold badge27 silver badges32 bronze badges

Collectives™ on Stack Overflow

Add dynamic form content in MVC

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related