ASP.NET MVC 4 - Generic List - View - Ajax.ActionLink

Question

I start using ASP.NET MVC4 and I've some little troubles:) I have a viewModel that looks like this:

 public class Adulte{
     public string Name {get;set;}
     public List<Child> Children {get;set;}
 }
 public class Child{
     public string Name {get;set;}
     public int Age {get;set;}
 }

I would like to dynamically add/remove child item from my view.

   @Ajax.ActionLink("Add Child", 
       "AddChild", 
       new { ???= ??? }, 
       new AjaxOptions
      {
         InsertionMode = InsertionMode.InsertAfter,
         HttpMethod = "POST"
      }
    )
    .....
    @using (Html.BeginForm())
    {
         <div id="parent">
           <p>
            @Html.Label("Name")
            @Html.TextBoxFor(x => x.Name)
          <p>
          </div>
          <div id="children">
          </div>
          <input type="submit" value="Save" />
    }

But I don't know which parameter to send to the ActionLink, I test with Model as well as Model.Children without success.

This can be done?

Any help?

I tried to pass Adulte and from the controller. [AcceptVerbs(HttpVerbs.Post)] public ActionResult AddChild(Adulte AdulteItem) { if (AdulteItem.Children == null) AdulteItem.Children = new List<Child>(); AdulteItem.Children.Add(new Child()); return PartialView("ChildView", AdulteItem); } — Stan92
– Stan92, Commented Jun 26, 2013 at 6:50

Paritosh · Accepted Answer · 2013-06-26 06:31:22Z

1

Have some key property in Adulte or Child. Or else, if Name property is going to be unique, you can send Name for Adulte or Child.

public class Adulte{
   public int AdulteId {get;set;}
   public string Name {get;set;}
   public List<Child> Children {get;set;}
}
public class Child{
   public int ChildId {get;set;}
   public int Age {get;set;}
}

In View, (to delete Child)

@Ajax.ActionLink("Remove Child", 
   "RemoveChild", 
   new { ChildId = ChildId }, 
   new AjaxOptions
  {
     InsertionMode = InsertionMode.InsertAfter,
     HttpMethod = "POST"
  }
)

And to add Child, you can pass it without parameter.

...
"AddChild", 
   null, 
   new AjaxOptions....

answered Jun 26, 2013 at 6:31

Paritosh

11.7k5 gold badges64 silver badges80 bronze badges

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

2 Comments

Stan92 Over a year ago

Thanks..could u please tell me how to configure the partialView for the AddChild? I tried what u said, but when I validate the whole final form my Adulte.Children (after my <div id="chilren"></div> forgot to mention my <input type="submit" value="Save" />) is always empty. Sorry for this newbie problem.. Just need to get the picture.

Paritosh Over a year ago

Using partial views in ASP.net MVC 4, using Ajax for partial view loading in .NET MVC4 - help youself

Collectives™ on Stack Overflow

ASP.NET MVC 4 - Generic List - View - Ajax.ActionLink

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related