How to add dynamic items to view?

Gaurav Chauhan

10y870.NET

I need to add a dropdown dynamically and get the values at post method. I am using asp.net MVC and visual studio 2013 community edition.

I have following view model.

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using BillingApplication.Models;

namespace BillingApplication.ViewModels

{

public class BillItem

{

public Bill Bill { get; set; }

public IEnumerable Item { get; set; }

}

and a view has following razor code.

@Html.LabelFor(Model => Model.Item, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.DropDownList("Item", null, htmlAttributes: new { @class = "form-control drop" })

Now i need above drop down in view and user can add as many drop down as they want. so i have following javascript.

This java script does the job and adds drop down on a click of the button. Now that is fine at view side. I am unable to get all the values at post back. All i get is the first value. Rest all the values are null. Why?

I get Item[0].ItemID as the id of selected drop down,

I get Item[1].ItemID is null, Item[2].ItemID is null and so on.

How to get all the values...

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gaurav Chauhan10y ago
Found the answer here:
https://forums.asp.net/p/2092573/6041749.aspx?p=True&t=635961977487051173
0
Gaurav Chauhan10y ago
By model binding, it is filled automatically.I just clone the generated html and append using jQuery. As in my original question, there is div with class unique. It is razor code. What i do is in userside, via jQuery i copy the html which is result of Razor code in server and append it.
0
Ranjit Powar10y ago
How do you fill drop down.
0
Gaurav Chauhan10y ago
I checked that. Same result.
0
Ranjit Powar10y ago
try this

0
Gaurav Chauhan10y ago
i make object of my viewmodel i.e. BillItem and access the value if that objects.

public ActionResult Create(BillItem BillItem)
{
try
{
// TODO: Add insert logic here

return RedirectToAction("Index");
}
catch
{
return View();
}
}

0
Ranjit Powar10y ago
how do you access drop down in action method?
0