Question

Im creating an application that allows me to record recipes. Im trying to create a view that allows me to add the basics of a recipe e.g. recipe name,date of recipe, temp cooked at & ingredients used.

I am creating a view that contains some jquery to load a partial view clientside.

On post im having a few troubles trying to get the values from the partial view that has been loaded using jquery.

A cut down version of my main view looks like (I initially want 1 partial view loaded)

 <div id="ingredients">
         @{ Html.RenderPartial("_AddIngredient", new IngredientViewModel()); }
    </div>
    <script type="text/javascript">
    $(document).ready(function () {
    var dest = $("#ingredients");
    $("#add-ingredient").click(function () {
        loadPartial();
    });
    function loadPartial() {
        $.get("/Recipe/AddIngredient", {}, function (data) { $('#ingredients').append(data); }, "html");
    };
});
</script>

My partial view looks like

<div class="ingredient-name">
   @Html.LabelFor(x => Model.IngredientModel.IngredientName)
   @Html.TextBoxFor(x => Model.IngredientModel.IngredientName)
</div>
<div class="ingredient-measurementamount">
   @Html.LabelFor(x => Model.MeasurementAmount)
   @Html.TextBoxFor(x => Model.MeasurementAmount)
</div>
<div class="ingredient-measurementtype">
  @Html.LabelFor(x => Model.MeasurementType)
  @Html.TextBoxFor(x => Model.MeasurementType)
</div>

Controller Post

  [HttpPost]
    public ActionResult Create(RecipeViewModel vm,IEnumerable<string>IngredientName,  IEnumerable<string> MeasurementAmount, IEnumerable<string> MeasurementType)
    {

Finally my viewmodel looks like

 public class IngredientViewModel
{
    public RecipeModel RecipeModel { get; set; }
    public IEnumerable<IngredientModel> Ingredients { get; set; }

}

My controller is pretty ugly……im using Inumerble to get the values for MeasurementAmount & MeasurementType (IngredientName always returns null), Ideally I thought on the httppost Ingredients would be populated with all of the on I would be able Ingredients populated

What do I need to do to get the values from my partial view into my controller?

Answer 1

Why don’t you take a look at the MVC Controlstoolkit

I think they would do what you want.