Question

我正在尝试为我的工作开发在线考试工具。我有一个类定义了一个包含问题列表的考试，一个包含Answers列表的Question类和一个Answer类。我有一个视图模型，它提取问题列表并将其传递给视图以及一组int来保存每个问题的答案值。在视图中，我循环遍历问题，并在每个问题中循环遍历每个可能的答案。对于多种选择，这很容易。我只是用：

<input asp-for="SelectedAnswer[q]" type="radio" value="@a" />@Model.Questions[q].answers[a].AnswerText

这很好用，它将SelectedAnswer int数组传递给提交时的控制器，我可以用它做任何我想做的事情。我的问题归结为如果问题需要多个正确答案的复选框列表。我显然不能使用相同的int数组来回复答案，所以我想为一个问题中的每个复选框创建第二个bool数组并将其发回。但这只适用于一个问题，因为每个新问题都会覆盖回发上的bool数组。

我想知道的是如何做到这一点，我可以在一个页面上显示不同类型的问题，并在按下提交按钮进行处理时将其发送回控制器。

也许我需要一个更好的视图模型？我不知道下一步该怎么做。我可以提供任何所需的代码，我只是不想用代码填满整个页面。

我的观点：

@model DSCA_Exams.Models.ExamViewModels.ExamViewModel
<form asp-action="Exam_Results">
    <div>
        @for (int q = 0; q < Model.Questions.Count(); q++)
        {
            <div>
                <hr />
                <h4>@Model.Questions[q].QuestionText</h4>
                <ul>
                    @for (int a = 0; a < Model.Questions[q].answers.Count(); a++)
                    {
                        <li>
                            @if (Model.Questions[q].QuestionType == 0)
                            {
                                <input asp-for="SelectedAnswer[q]" type="radio" value="@a" />@Model.Questions[q].answers[a].AnswerText
                            }
                            else
                            {
                                <input asp-for="@Model.isSelected[a]"  />@Model.Questions[q].answers[a].AnswerText
                            }
                        </li>
                    }
                </ul>
            </div>
        }
        <hr />
        <input type="submit" value="Grade Test" class="btn btn-default" />
    </div>
</form>

Answer 1

使用视图模型并保留对象图。例如：

public class QuestionViewModel
{
    public string QuestionText { get; set; }
    public List<AnswerViewModel> Answers { get; set; }
    public List<int> SelectedAnswers { get; set; }
    ...
}

然后，在您看来：

@for (var i = 0; i < Model.Questions.Count; i++)
{
    <p>@Model.Questions[i].QuestionText</p>

    @for (var j = 0; j < Model.Questions[i].Answers.Count; j++)
    {
        <label>
            <input asp-for="Questions[i].SelectedAnswers" type="radio" value="@Model.Questions[i].Answers[j].Id" />
            @Model.Questions[i].Answers[j].AnswerText
        </label>
    }
}

然后，当您发布时，模型绑定器将能够保留对象图，您可以检查每个问题的SelectAnswers属性。

asp.net核心的复选框和单选按钮问题

1 个答案: