Ok, I was able to resolve this issue:
Admin Main Index Page:
@model Rad.ViewModels.AdminViewModel
@{
ViewBag.Title = "Admin";
}
<h2>Admin</h2>
<div>
@Html.Partial("AddProduct", Model.AddProduct)
</div>
Add Product Partial View:
@model Rad.ViewModels.AdminAddProductViewModel
@using (Html.BeginForm("AddProduct", "Admin"))
{
<h1>@Html.LabelFor(model => model.Name)</h1>
@Html.TextBoxFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
<input type="submit" value="Add"/>
}
Simple AdminAddProductViewModel:
public class AdminAddProductViewModel
{
[DisplayName("Add Product:")]
[Required]
[StringLength(50)]
[RegularExpression(@"^[a-zA-Z0-9\s]+$")]
public string Name { get; set; }
}
Containing AdminViewModel:
public class AdminViewModel
{
public AdminAddProductViewModel AddProduct { get; set; }
public AdminViewModel()
{
AddProduct = new AdminAddProductViewModel();
}
}
Admin Controller:
public ActionResult Index()
{
AdminViewModel data = new AdminViewModel();
return View(data);
}
[HttpGet]
public ActionResult Index(AdminViewModel data)
{
return View(data);
}
[HttpPost]
public ActionResult AddProduct(AdminAddProductViewModel data)
{
AdminViewModel admin = new AdminViewModel();
admin.AddProduct = data;
if (ModelState.IsValid)
{
}
return View("Index", admin);
}
Now, I know I was talking about multiple forms and only show one form here, but if you want to add another form to this, just create another partial view, another sub-viewmodel, and add that sub-viewmodel to the AdminViewModel.