如何将数据从 bootstrap 表单传递到 asp .net core razor 页面中的 mockemployeerepo

Question

<div class="form-group row">
    <label asp-for="EmployeeEditProperty.Name" class="col-sm-2 col-form-label">
    </label>
    <div class="col-sm-10">
        <input asp-for="EmployeeEditProperty.Name" class="form-control" placeholder="Name">
    </div>
</div>
<div class="form-group row">
    <label asp-for="EmployeeEditProperty.Email" class="col-sm-2 col-form-label"></label>
    <div class="col-sm-10">
        <input asp-for="EmployeeEditProperty.Email" class="form-control" placeholder="Email">
    </div>
</div>

数据没有传递给

雇员雇员= _EmployeeList.FirstOrDefault(e => e.ID == UpdatedEmployee.ID);

        if(employee !=null)
        {
            employee.Name = UpdatedEmployee.Name;
            employee.Email = UpdatedEmployee.Email;
            employee.Department = UpdatedEmployee.Department;
        }

Answer 1

视图中的属性应与您的 post 操作中的属性名称匹配，

你可以查看我的演示：

<form method="post">
<div class="form-group row">
    <input hidden asp-for="EmployeeEditProperty.ID" value="1" />
</div>
<div class="form-group row">
    <label asp-for="EmployeeEditProperty.Name" class="col-sm-2 col-form-label">
    </label>
    <div class="col-sm-10">
        <input asp-for="EmployeeEditProperty.Name" class="form-control" placeholder="Name">
    </div>
</div>
//....
<input type="submit" value="Submit" />

属性命名EmployeeEditProperty，所以在post方法中，它也应该是EmployeeEditProperty:

public ******(Employee EmployeeEditProperty)

结果：

razor 页面中的模型绑定，您可以检查this article

如何将数据从 bootstrap 表单传递到 asp .net core razor 页面中的 mockemployeerepo

how to pass data from bootstrap form to mockemployeerepo in asp .net core razor pages

asp.net

parameter-passing

asp.net-core

bootstrap-4

razor-pages