I have model
public class QuestionViewModel
{
public string Text { get; set; }
public int Id { get; set; }
public bool IsMultiSelected { get; set; }
public IEnumerable<RadioButtonViewModel> AnswerViewModels { get; set; }
}
public class RadioButtonViewModel
{
public string Value { get; set; }
public string Name { get; set; }
}
And test controller
[HttpGet]
public ActionResult ProcessAnswers()
{
var question1 = new List<RadioButtonViewModel>
{
new RadioButtonViewModel
{
Value = "1",
Name = "Radio 1 option 1"
},
new RadioButtonViewModel
{
Value = "2",
Name = "Radio 1 option 2"
},
new RadioButtonViewModel
{
Value = "3",
Name = "Radio 1 option 3"
}
};
var question2 = new List<RadioButtonViewModel>
{
new RadioButtonViewModel
{
Value = "1",
Name = "Radio 2 option 1"
},
new RadioButtonViewModel
{
Value = "2",
Name = "Radio 2 option 2"
},
new RadioButtonViewModel
{
Value = "3",
Name = "Radio 2 option 3"
}
};
var qs = new List<QuestionViewModel>
{
new QuestionViewModel
{
Id = 1,
Text = "Please select correct variant in question 1",
AnswerViewModels = question1
},
new QuestionViewModel
{
Id = 2,
Text = "Please select correct variant in question 2",
AnswerViewModels = question2
}
};
return View("TestRadioView", qs);
}
[HttpPost]
public ActionResult ProcessAnswers(List<QuestionViewModel> answers)
{
return RedirectToAction("Index");
}
My View
@using System.Web.Mvc.Html
@using ExpertApplication.ViewModels
@model List<QuestionViewModel>
@{
ViewBag.Title = "Test Radio Button View";
}
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
</head>
<body>
<div>
@if(Model != null)
{
<br />
using(@Html.BeginForm("ProcessAnswers", "Home", FormMethod.Post))
{
foreach(var question in Model)
{
<h2>@question.Text</h2>
<br />
foreach(var radioButtonViewModel in question.AnswerViewModels)
{
@Html.RadioButton(question.Id.ToString(), radioButtonViewModel.Value)
@Html.Label(question.Id.ToString(), radioButtonViewModel.Name)
<br />
}
}
<input type="submit" value="Send" />
}
}
</div>
</body>
</html>
UPDATE
I change my view and model but i don’t have correct answers
public IList<RadioButtonViewModel> AnswerViewModels { get; set; }
@using System.Web.Mvc.Html
@using ExpertApplication.ViewModels
@model List<QuestionViewModel>
@{
ViewBag.Title = "Test Radio Button View";
}
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
</head>
<body>
<div>
@if(Model != null)
{
if(ViewData["Message"] != null)
{
<h1>@ViewData["Message"]</h1>
}
else
{
<h1>Please answer the questions</h1>
}
<br />
using(@Html.BeginForm("ProcessAnswers", "Home", FormMethod.Post))
{
for(int i = 0; i < Model.Count(); i++)
{
var question = Model[i];
<h2>@question.Text</h2>
<br />
for(int j = 0; j < question.AnswerViewModels.Count(); j++)
{
var radioButtonViewModel = question.AnswerViewModels[j];
@Html.RadioButton(string.Format("QuestionViewModel[{0}].AnswerViewModels.Id", question.Id), radioButtonViewModel.Value)
@Html.Label(string.Format("{0}", question.Id), radioButtonViewModel.Name)
<br />
}
}
<input type="submit" value="Send" />
}
}
</div>
</body>
</html>
In action ProcessAnswers variable List answers is null.
Where is my trouble ?
The model binder can not create a type of IEnumerable so you will have to change it to a List or Collection