将数据传递给控制器​​的问题-更新数据

如何解决将数据传递给控制器​​的问题-更新数据

我在将数据从视图传递到控制器时遇到问题...单击发送POST的按钮时-我只有Category.Name的数据。没有子类别，没有ID等。我在想我的观点有误，但我不确定...

我真的需要帮助。感谢您的所有评论。

---

那是我的观点：

@model AplikacjaFryzjer_v2.Models.Category
@{
    ViewData["Title"] = "Edytuj kategorię";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var SubcategoriesData = (IList<AplikacjaFryzjer_v2.Models.Subcategory>)ViewBag.Subcategories;
}

<h1>Edytuj kategorię</h1>


<form method="post">
    <div class="form-group row">
        <div class="col">
            <div asp-validation-summary="All" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Name" class="col-sm-10 col-form-label"></label>
                <div class="col-sm-10">
                    <input asp-for="Name" disabled class="form-control" />
                </div>
                <span asp-validation-for="Name" class="text-danger"></span>
            </div>
            <button class="btn btn-primary" type="submit" id="update">Aktualizuj kategorię</button>
        </div>
        <div class="col">
            @if (SubcategoriesData != null)
            {
                <div class="col-sm-10 col-form-label">
                    <div id="subcatContainer">
                        @foreach (var subcategory in SubcategoriesData.ToList())
                        {
                            <div class="form-group col-sm-6">
                                <input asp-for="@subcategory.Name" />
                                <button class="btn btn-danger" type="button" id="remove">Usuń</button>
                                <span asp-validation-for="@subcategory.Name" class="text-danger"></span>
                            </div>
                        }
                    </div>
                    <button type="button" class="btn btn-secondary" id="add">Dodaj podkategorię</button>
                </div>
            }
            else
            {
                <div id="container" class="col-md-6">
                    <label id="labelName">Nazwa podkategorii</label>
                    <input id="inputName" />
                    <button type="button" class="btn btn-secondary" id="addNew">Dodaj</button>
                </div>
            }
        </div>
    </div>
</form>
    <script>
        $(document).ready(function (e) {
            // Variables
            var i = @SubcategoriesData.Count()-1;
           
            // Add rows to the form
            $("#add").click(function (e) {
                var html = '<p /><div class="form-group col-sm-6"><input asp-for="Subcategories[' + i + '].Name" /><button class="btn btn-danger" type="button" id="remove">Usuń</button></div>';
                i++;
                $("#subcatContainer").append(html).before();
            });

            // Remove rows from the form
            $("#subcatContainer").on('click','#remove',function (e) {
                i--;
                $(this).parent('div').remove();

            });

            // Populate values from the first row
        });
    </script>

控制器中的我的操作EditCategory：

        [HttpGet]
        public ViewResult EditCategory(int Id)
        {
            var category = _categoriesRepository.GetCategory(Id);

            if (category == null)
            {
                ViewBag.ErrorMessage = $"Kategoria o id = {Id} nie została odnaleziona";
                return View("NotFound");
            }

            ViewBag.Subcategories = category.Subcategories;
            return View(category);
        }

        [HttpPost]
        public IActionResult EditCategory(Category category)
        {
            if (!ModelState.IsValid)
            {
                // store Subcategories data which has been added
                ViewBag.Subcategories = category.Subcategories == null ? new List<Subcategory>() { } : category.Subcategories;
                return View("EditCategory");

            }
            _categoriesRepository.UpdateCategory(category);
            return RedirectToAction("ManageCategories");
        }

还有我的对象（模型）：

    public class Category
{
    public int Id { get; set; }
    public string Name { get; set; }
    public List<Subcategory> Subcategories {get;set;}
}

解决方法

我只有有关Category.Name的数据。没有子类别，没有ID等。

根据<%= javascript_pack_tag 'jstz' %> <%= javascript_tag do -%> jQuery(document).ready(function () { jQuery('#user_name').focus(); jQuery('#user_time_zone').val(jstz.determine().name()); }); <% end -%> 模型类，将属性Category定义为Subcategories，以使浏览器用户发布的表单数据值可以自动绑定到该属性，您可以修改与List<Subcategory>相关的子类别字段如下。

<input asp-for="@Subcategories[i].Name" />

更新：

为什么jquery添加的新输入没有发送到我的控制器？我的代码jquery中有“”

正如我在评论中提到的，请不要在js客户端上使用标签帮助程序语法。您可以尝试为新生成的输入字段手动设置@model AplikacjaFryzjer_v2.Models.Category @{ ViewData["Title"] = "Edytuj kategorię"; Layout = "~/Views/Shared/_Layout.cshtml"; var Subcategories = (IList<AplikacjaFryzjer_v2.Models.Subcategory>)ViewBag.Subcategories; } <form method="post"> <div class="form-group row"> @*code for other fields*@ <div class="col"> @if (Subcategories != null) { <div class="col-sm-10 col-form-label"> <div id="subcatContainer"> @for (int i = 0; i < Subcategories.Count; i++) { <div class="form-group col-sm-6"> <input asp-for="@Subcategories[i].Name" /> <button class="btn btn-danger" type="button" id="remove">Usuń</button> <span asp-validation-for="@Subcategories[i].Name" class="text-danger"></span> </div> } </div> <button type="button" class="btn btn-secondary" id="add">Dodaj podkategorię</button> </div> } else { <div id="container" class="col-md-6"> <label id="labelName">Nazwa podkategorii</label> <input id="inputName" /> <button type="button" class="btn btn-secondary" id="addNew">Dodaj</button> </div> } </div> </div> </form> 和name属性 如下所示。

value

测试结果