Wie gruppiere ich Optionsfelder in ASP.NET MVC 5 korrekt nach Frage?

Gruppieren von Optionsfeldern in ASP.NET MVC 5

Frage:

In einer ASP.NET MVC 5-Anwendung Ein Formular verfügt über mehrere Sätze von Optionsfeldern. Jede Gruppe stellt eine Frage dar, aber das Code-Snippet generiert nur eine Gruppe, sodass nur für die erste Frage ausgewählte Optionsfelder vorhanden sind, während andere deaktiviert sind. Wie kann dieses Problem gelöst werden, um Optionsfelder korrekt nach Fragen zu gruppieren?

Antwort:

Um Optionsfelder nach Fragen zu gruppieren, müssen mehrere Probleme im bereitgestellten Code behoben werden :

• Doppelte IDs: Stellen Sie sicher, dass die Optionsfelder eindeutig sind, um ungültige IDs zu vermeiden HTML.
• Doppelte Namensattribute: Vermeiden Sie doppelte Namensattribute, um mehrere Gruppen zu erstellen. Gruppieren Sie stattdessen Optionsfelder, indem Sie ihnen das gleiche Namensattribut zuweisen.
• Binden an eine falsche Eigenschaft: Binden Sie Optionsfelder ordnungsgemäß an die zugehörige Frageneigenschaft.

Geänderter Code:

@foreach (var question in Model.GeneralQuestions)
{
    <div class="well">
        <h3 id="strong-question-QuestionString-strong"><strong>@question.QuestionString</strong></h3>
        @foreach (var answer in question.PossibleAnswers)
        {
            @Html.RadioButtonFor(
                model => model.GeneralQuestions.IndexOf(question), // Binding to index of question in list
                answer.Answer,
                new { id = $"question_{question.QuestionID}_answer_{answer.Answer}" })
            @Html.Label(answer.Answer)
            <br>
        }
    </div>
}

Ansicht Modelle:

Erstellen Sie Ansichtsmodelle mit Eigenschaften, um sie an die Optionsfelder zu binden und Fragen anzuzeigen.

public class QuestionVM
{
    public string QuestionString { get; set; }
    public IEnumerable<answervm> PossibleAnswers { get; set; }
}

public class StudentVM
{
    public int ID { get; set; }
    public string Name { get; set; }
    public List<subjectvm> Subjects { get; set; }
}

public class SubjectVM
{
    public string Name { get; set; }
    public List<questionvm> Questions { get; set; }
}</questionvm></subjectvm></answervm>

Ansicht:

@model StudentVM
@using (Html.BeginForm())
{
    @Html.HiddenFor(m => m.ID)
    @Html.DisplayFor(m => m.Name)
    for (int i = 0; i  m.Subjects[i].ID)
        @Html.DisplayFor(m => m.Subjects[i].Name)
        for (int j = 0; j  m.Subjects[i].Questions[j].ID)
            @Html.DisplayFor(m => m.Subjects[i].Questions[j].QuestionString)
            foreach (var answer in Model.Subjects[i].Questions[j].PossibleAnswers)
            {
                <div>
                    @Html.RadioButtonFor(
                        m => m.Subjects[i].Questions[j].SelectedAnswer,
                        answer.ID,
                        new { id = $"question_{SubjectQuestions[i].Questions[j].ID}_answer_{answer.ID}" })
                    <label for="@answer.ID">@answer.Text</label>
                </div>
            }
        }
    }
    <input type="submit" value="save">
}

Controller:

public ActionResult Edit(int ID)
{
    StudentVM model = new StudentVM();
    // Populate model with data from database
    return View(model);
}

[HttpPost]
public ActionResult Edit(StudentVM model)
{
    // Save and redirect
    return RedirectToAction("Index");
}

Dies wurde geändert Code:

• Bindet Optionsfelder an die richtige Eigenschaft (den Index der Frage in der Liste).
• Erstellt eindeutige IDs für Optionsfelder und verwendet konsistente Namenskonventionen.
• Verwendet Ansichtsmodelle für eine bessere Organisation und Datendarstellung.

Das obige ist der detaillierte Inhalt vonWie gruppiere ich Optionsfelder in ASP.NET MVC 5 korrekt nach Frage?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!