如何在 ASP.net Core / 5 中建模绑定动态单选按钮

Question

我有一个李克特调查生成器，可以在其中输入动态数量的问题 - 然后用户通过 4 个单选按钮（强烈不同意、不同意、同意、强烈同意）回答每个问题。

我可以很容易地输出它们 - 但它们可以在 post 背面进行模型绑定还是我必须遍历 posted 表单元素（即不使用模型绑定）？

我用 Google 搜索了很多，但找不到任何解决方案 - 可行吗？

谢谢。

Answer 1

如果你想在视图中绑定一个列表，这里有一个关于用输入名称绑定列表的演示：

型号：

public class Qusetion 
    {
        public string Content { get; set; }
        public string Answer { get; set; }

    }

查看：

<form method="post">
    <div>
        <label>question1</label>
        <input name="list[0].Content" value="question1" hidden/>
        <div>
            <input type="radio" name="list[0].Answer" value="Strongly Disagree" />Strongly Disagree
            <input type="radio" name="list[0].Answer" value="Disagree" />Disagree
            <input type="radio" name="list[0].Answer" value="Agree" />Agree
            <input type="radio" name="list[0].Answer" value="Strongly Agree" />Strongly Agree
        </div>
    </div>
    <div>
        <label>question2</label>
        <input name="list[1].Content" value="question2" hidden/>
        <div>
            <input type="radio" name="list[1].Answer" value="Strongly Disagree" />Strongly Disagree
            <input type="radio" name="list[1].Answer" value="Disagree" />Disagree
            <input type="radio" name="list[1].Answer" value="Agree" />Agree
            <input type="radio" name="list[1].Answer" value="Strongly Agree" />Strongly Agree
        </div>
    </div>
    <div>
        <label>question3</label>
        <input name="list[2].Content" value="question3" hidden/>
        <div>
            <input type="radio" name="list[2].Answer" value="Strongly Disagree" />Strongly Disagree
            <input type="radio" name="list[2].Answer" value="Disagree" />Disagree
            <input type="radio" name="list[2].Answer" value="Agree" />Agree
            <input type="radio" name="list[2].Answer" value="Strongly Agree" />Strongly Agree
        </div>
    </div>
    <input type="submit" value="submit" />
</form>

控制器：

public IActionResult BindList(List<Qusetion> list)
        {
           
            return View();
        }

结果：

更新：

如果你想绑定 loop.you 可以将列表传递给 view.And 代码将起作用是因为 .net 核心绑定模型名称为 attribute.And 因为你想绑定列表，所以名字会像 list[index].xxx。这是一个带循环的演示：

查看：

@model IEnumerable<Qusetion>
<form method="post">
    @{ var i = 0;}
    @foreach (var question in Model)
    {
        <div>
            <label>@question.Content</label>
            <input name="list[@i].Content" value="@question.Content" hidden />
            <div>
                <input type="radio" name="list[@i].Answer" value="Strongly Disagree" />Strongly Disagree
                <input type="radio" name="list[@i].Answer" value="Disagree" />Disagree
                <input type="radio" name="list[@i].Answer" value="Agree" />Agree
                <input type="radio" name="list[@i].Answer" value="Strongly Agree" />Strongly Agree
            </div>
        </div>
        i++;
    }
    
    <input type="submit" value="submit" />
</form>

控制器：

public IActionResult BindList(List<Qusetion> list)
        {

            List<Qusetion> list1 = new List<Qusetion> { new Qusetion { Content = "question1" }, new Qusetion { Content = "question2" }, new Qusetion { Content = "question3" } };
            return View(list1);
        }

结果：

如何在 ASP.net Core / 5 中建模绑定动态单选按钮

How to model bind dynamic radio buttons in ASP.net Core / 5

asp.net-mvc

model-binding

asp.net-core

asp.net5

asp.net-core-3.1