我有一个包含多个问题的页面,每个问题应由服务器用户回答,答案存储在名为QuestionReviews的表中 我使用以下代码为每个用户从单选按钮
中选择一个选项foreach (var question in Model.Questions)
{
@Html.Hidden("QuestionId", question.QuestionId.ToString())
<div class="row m-0 bg-silver-light border">
<div class="col-12 bg-light pt-2 pb-2">
<h6>
@question.QuestionTitle
</h6>
<p class="text-secondary small m-0">
@question.QuestionBody
</p>
</div>
<div class="col-12 pt-2 pb-2">
<div class="form-check-inline">
<label class="form-check-label" for="radio2">
<input name="@("q"+question.SeminarQuestionId)" type="radio" class="form-check-input" id="radio2" value="20">20
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio3">
<input name="@("q"+question.SeminarQuestionId)" type="radio" class="form-check-input" id="radio3" value="40">40
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio4">
<input name="@("q"+question.SeminarQuestionId)" type="radio" class="form-check-input" id="radio4" value="60">60
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio5">
<input name="@("q"+question.SeminarQuestionId)" type="radio" class="form-check-input" id="radio5" value="80">80
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio6">
<input name="@("q"+question.SeminarQuestionId)" type="radio" class="form-check-input" id="radio6" value="100">100
</label>
</div>
</div>
</div>
}
这是我的操作方法:
foreach (string key in Request.Form.Keys)
{
if (key == "QuestionId")
{
int qId = Convert.ToInt32(Request.Form[key]);
var q = _dbContext.Questions.FirstOrDefault(x => x.QuestionId == qId);
var reviews = _dbContext.QuestionReviews.Where(x => x.QuestionId == qId).ToList();
foreach (var review in reviews)
{
var k = "q" + review.QuestionId; /// get q1,q2 and ...
review.ReviewPoint =Convert.ToInt32(Request.Form[k]);
}
}
}
用户单击提交按钮后,我应该在控制器中获取问题ID和答案值的列表 我的问题是用户应该同时回答几个问题,而我不知道如何在控制器中获取问题ID和为每个变量选择的无线电值
答案 0 :(得分:1)
如果将视图中的foreach
循环转换为for
循环,则可以通过使用相同的索引i
作为输入名称来关联值:
@for (int i = 0; i < Model.Questions.Count(); i++)
{
@Html.HiddenFor(model => model.Questions[i].QuestionId)
<div class="row m-0 bg-silver-light border">
<div class="col-12 bg-light pt-2 pb-2">
<h6>
@Model.Questions[i].QuestionTitle
</h6>
<p class="text-secondary small m-0">
@Model.Questions[i].QuestionBody
</p>
</div>
<div class="col-12 pt-2 pb-2">
<div class="form-check-inline">
<label class="form-check-label" for="radio2">
@Html.RadioButtonFor(model => model.Questions[i].Answer, 20, htmlAttributes: new { @class = "form-check-input", @id = "radio2"})
20
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio3">
@Html.RadioButtonFor(model => model.Questions[i].Answer, 40, htmlAttributes: new { @class = "form-check-input", @id = "radio3" })
40
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio4">
@Html.RadioButtonFor(model => model.Questions[i].Answer, 60, htmlAttributes: new { @class = "form-check-input", @id = "radio4" })
60
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio5">
@Html.RadioButtonFor(model => model.Questions[i].Answer, 80, htmlAttributes: new { @class = "form-check-input", @id = "radio5" })
80
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label" for="radio6">
@Html.RadioButtonFor(model => model.Questions[i].Answer, 100, htmlAttributes: new { @class = "form-check-input", @id = "radio6" })
100
</label>
</div>
</div>
</div>
}
并假设您的ViewModel具有属性Questions
,如下所示:
public class QuestionReviewViewModel
{
public List<QuestionModel> Questions { get; set; } = new List<QuestionModel>();
}
您可以将QuestionId和Answer值绑定到QuestionModel:
public class QuestionModel
{
public int QuestionId { get; set; }
public int Answer { get; set; }
}
只需在您的HttpPost
动作中绑定到ViewModel:
[HttpPost]
public ActionResult PostAction(QuestionReviewViewModel vm)
{
if (ModelState.IsValid)
{
for (int i = 0; i < vm.Questions.Count; i++)
{
int id = vm.Questions[i].QuestionId;
int answer = vm.Questions[i].Answer;
}
return Content("Something good");
}
else
{
return Content("Something rotten");
}
}
编辑
在这种情况下,我将使用SelectList-> https://docs.microsoft.com/en-us/dotnet/api/system.web.mvc.selectlist?view=aspnet-mvc-5.2
您将SelectList属性添加到QuestionModel中(有关参数,请参见上面的文档),该属性允许您设置选定的值(在这种情况下为Answer
)
// List of possible answers to this question
// populated from data source
public List<int> AnswerList = new List<int> { 20, 40, 60, 80, 100 };
// An MVC SelectList Class
public SelectList PossibleAnswers => new SelectList(AnswerList, Answer);
然后,在您看来,您可以遍历所有可能的答案,如果选择了该项,则有条件地应用选中的属性:
<div class="col-12 pt-2 pb-2">
@foreach (var item in Model.Questions[i].PossibleAnswers)
{
var htmlAttr = new Dictionary<string, object>{{ "@class", "form-check-input" }};
if (item.Selected)
{
htmlAttr.Add("@checked", true);
}
<div class="form-check-inline">
<label class="form-check-label" for="radio2">
@Html.RadioButtonFor(model => model.Questions[i].Answer, item.Text, htmlAttributes: htmlAttr)
@item.Text
</label>
</div>
}
</div>