在 Asp Core 2.2 的 Table 上获取和设置数据 CheckboxList

Question

我写了一个class并设置了public IActionResult Index():

    public class SuperBowl
    {
        public string Name { get; set; }
        public double Price { get; set; }
        public bool GiftPackage { get; set; }
    }
        [HttpGet]
        public IActionResult Index()
        {
            double[] pricearraying = { 630, 500.25, 385.75 };
            string[] namearraying = { "Red", "Green", "Blue" };
            var heyinitial = new List<SuperBowl>();
            for (int i = 0; i < pricearraying.Length; i++)
            {
                heyinitial.Add(new SuperBowl { Name = namearraying[i], Price = pricearraying[i], GiftPackage = false });
            }
            return View(heyinitial);
        }

[HttpPost]
 public IActionResult Index(List<SuperBowl> ceko)
{
            double[] exposalary = { 63.00, 42.00, 21.00 };
            var choosing = new List<double>();
            foreach (var item in ceko.Select(x=>x.GiftPackage))
            {
                if (item == true)
                {
                    choosing.Add(exposalary[ceko.FindIndex(r=>r.GiftPackage==item)]);
                }
            }
}
return View("MyCheckOut",choosing);
}

这是我的 Index.cshtml:

@model List<SuperBowl>
@{
}

<!DOCTYPE html>

<html>
<head>
    <title>Index</title>
</head>
<body>
    <form asp-action="Index" asp-controller="Home" method="post">
        <div class="table-responsive-sm table-hover">
            <table align="center" class="table table-bordered">
                <thead>
                    <tr class="table-light text-center">
                        <th>Item Name</th>
                        <th>My Price</th>
                        <th>Hey Gift</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var st in Model)
                    {
                        <tr class="text-center">
                            <td asp-for="@st.Name">@st.Name</td>
                            <td asp-for="@st.Price">@st.Price</td>
                            <td asp-for="@st.GiftPackage">@Html.CheckBoxFor(m => st.GiftPackage)</td>
                        </tr>
                    }
                </tbody>
            </table>
            <input type="submit" value="CheckOut" class="btn btn-primary" />
        </div>
    </form>
</body>
</html>

这里是 MyCheckOut.cshtml:

@model List<double>
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Hello</title>
</head>
<body>
    <div class="table-responsive-sm table-hover">
        <table align="center" class="table table-bordered">
            <thead>
                <tr class="table-light text-center">
                    <th>Our Discount Numbers</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var discounting in Model)
                {
                    <tr class="text-center">
                        <td>@discounting</td>
                    </tr>
                }
            </tbody>
        </table>
        </div>
</body>
</html>

我的期望是，当我只勾选索引为 0 的红色时，然后通过相同的索引 0，让我们得到数组 exposalary[0]，即 63.00 或者当我勾选红色和蓝色时，这些索引是 0 和 2，然后通过相同的索引 0 和 2，让我们得到数组 exposalary[0] 和 exposalary[2]，它们分别是 63 和 21.

如果我部署所有这些代码，在 Index.cshtml 中，我的 table 看起来不错，另一方面，当我选择任何复选框提交并在 MyCheckOut 中发送我的选择时，每个数据都正常，有没有元素。

请帮助我。

Answer 1

您的代码中有几个问题，例如您的网页中 GiftPackage 而不是 GiftPacage 。

复杂对象绑定的关键是确保在您的案例中将方括号中的顺序索引添加到表单字段的名称属性中。因此，将您的 Index.cshtml 修改为：

@for (int i = 0; i < Model.Count; i++)
{
  <tr class="text-center">
      <td asp-for="@Model[i].Name">@Model[i].Name</td>
      <td asp-for="@Model[i].Price">@Model[i].Price</td>
      <td asp-for="@Model[i].GiftPackage">@Html.CheckBoxFor(m => Model[i].GiftPackage)</td>
  </tr>
}

另一个问题是 findIndex() 方法 returns 满足提供的测试函数的数组中第一个元素的索引。因此，如果从 checkbox 进行多项选择，您将获得多个相同的值。将您的操作代码更新为：

[HttpPost]
public IActionResult Index(List<SuperBowl> ceko)
{
    double[] exposalary = { 63.00, 42.00, 21.00 };
    var choosing = new List<double>();
    for (int i = 0; i < ceko.Count; i++)
    {
        if (ceko[i].GiftPackage ==true)
        {
            choosing.Add(exposalary[i]);
        }
    }


    return View("MyCheckOut", choosing);
}

在 Asp Core 2.2 的 Table 上获取和设置数据 CheckboxList

Get and Set Data CheckboxList on Table in Asp Core 2.2

asp.net-mvc

parameter-passing

checkboxlist

asp.net-core