Razor Pages 无法在另一个方法中重用 OnGet() 中定义的 属性,因为它为空
Razor Pages Cannot reuse a property defined in OnGet() in another method, cause it's null
我正在进行一个学习 ASP.NET Core with Razor Pages 的小项目。
这是我的页面模型的一部分及其属性
public List<Models.Student> allStudents { get; set; }
public Models.Student studentFocused { get; set; }
public async Task<IActionResult> OnGetAsync()
{
using (var _httpClient = new HttpClient())
{
using (var response = await _httpClient.GetAsync(this.uri))
{
var fetchedResponse = await response.Content.ReadAsStringAsync();
this.allStudents = JsonConvert.DeserializeObject<List<Models.Student>>(fetchedResponse);
}
}
return Page();
}
public void OnGetDetails(int id)
{
this.studentFocused = this.allStudents.Where(s => s.StudentId == id).SingleOrDefault();
}
我得到了 OnGetAsync(),它调用一个 API 路由来检索列表中的所有学生数据,这是有效的,我可以像这样在我的页面文件中显示数据:
<div class="row">
<div class="col-6">
<ul id="list-students">
@foreach (var student in Model.allStudents)
{
<li><span class="list-students-element">@student.FirstName @student.LastName</span><a asp-page-handler="details" asp-route-id="@student.StudentId">Détails</a></li>
}
</ul>
<div><a asp-page="/Student/Create">Créer nouvel étudiant</a></div>
</div>
<div class="col-6">
<div id="details">
@if (Model.studentFocused != null)
{
<h3>Détails</h3>
<p>Prénom: @Model.studentFocused.FirstName</p>
<p>Nom: @Model.studentFocused.LastName</p>
<p>Age: @Model.studentFocused.Age ans</p>
<p>Classe: @Model.studentFocused.SchoolClass.Name</p>
<p><strong>Options</strong></p>
<a asp-page="/Student/Update" asp-route-id="@Model.studentFocused.StudentId">Modifier</a>
<a asp-page="/Student/Delete" asp-route-id="@Model.studentFocused.StudentId">Supprimer</a>
}
</div>
</div>
</div>
但现在在我的 <div id="details">
上,我想在使用 OnGetDetails() 方法单击“详细信息”按钮时显示一名学生的详细信息。为此,我正在我的 allStudents 属性 中搜索,这是一个列表,其中包含所需学生的 ID。我想这个方法还不完整,但就这样我遇到了问题:
public void OnGetDetails(int id)
{
this.studentFocused = this.allStudents.Where(s => s.StudentId == id).SingleOrDefault();
}
出现错误,因为 this.allStudents 在这里是空的,虽然它在我的 OnGet() 之前被初始化,所以我不明白。
asp-page-handler="details" asp-route-id="@student.StudentId"
由于方法签名错误,将无法与 OnGetDetails(int id) 一起使用。
您需要绑定路由参数(例如在 public async Task OnGetAsync() 之前执行此操作)
[BindProperty(SupportsGet = true)]
public int? Id { get; set; }
然后像这样重写
public void OnGetDetails()
{
// here you must fetch all students like in OnGetAsync
this.studentFocused = this.allStudents.Where(s => s.StudentId == Id.Value).SingleOrDefault();
}
通常的做法是像这样使用 URL。
<a asp-page="Student" asp-route-id="4">
并在 HTML
中像这样得到 URL
/Student/4
其中 4 = 学号。
使用您的解决方案,您将得到 URL这样的结果:
/Student?id=4&handler=Details
你可以使用这种形式的 URLs
<a asp-page="Student" asp-route-id="4">
通过像这样重写 OnGetAsync(我也清理了一下)
public async Task OnGetAsync()
{
using var httpClient = new HttpClient();
using var response = await httpClient.GetAsync(this.uri);
var fetchedResponse = await response.Content.ReadAsStringAsync();
allStudents = JsonConvert.DeserializeObject<List<Models.Student>>(fetchedResponse);
if (Id.HasValue)
{
studentFocused = allStudents.FirstOrDefault(s => s.StudentId == Id.Value);
}
}
在您的 .cshtml 之上,替换
@page
和
@page "{id?}"
通过最后的更改,您可以删除 OnGetDetails。
我会在学习 C# 时推荐使用 Resharper,它会在 real-time 中告诉您您做错了什么,并提出代码改进建议。
我正在进行一个学习 ASP.NET Core with Razor Pages 的小项目。 这是我的页面模型的一部分及其属性
public List<Models.Student> allStudents { get; set; }
public Models.Student studentFocused { get; set; }
public async Task<IActionResult> OnGetAsync()
{
using (var _httpClient = new HttpClient())
{
using (var response = await _httpClient.GetAsync(this.uri))
{
var fetchedResponse = await response.Content.ReadAsStringAsync();
this.allStudents = JsonConvert.DeserializeObject<List<Models.Student>>(fetchedResponse);
}
}
return Page();
}
public void OnGetDetails(int id)
{
this.studentFocused = this.allStudents.Where(s => s.StudentId == id).SingleOrDefault();
}
我得到了 OnGetAsync(),它调用一个 API 路由来检索列表中的所有学生数据,这是有效的,我可以像这样在我的页面文件中显示数据:
<div class="row">
<div class="col-6">
<ul id="list-students">
@foreach (var student in Model.allStudents)
{
<li><span class="list-students-element">@student.FirstName @student.LastName</span><a asp-page-handler="details" asp-route-id="@student.StudentId">Détails</a></li>
}
</ul>
<div><a asp-page="/Student/Create">Créer nouvel étudiant</a></div>
</div>
<div class="col-6">
<div id="details">
@if (Model.studentFocused != null)
{
<h3>Détails</h3>
<p>Prénom: @Model.studentFocused.FirstName</p>
<p>Nom: @Model.studentFocused.LastName</p>
<p>Age: @Model.studentFocused.Age ans</p>
<p>Classe: @Model.studentFocused.SchoolClass.Name</p>
<p><strong>Options</strong></p>
<a asp-page="/Student/Update" asp-route-id="@Model.studentFocused.StudentId">Modifier</a>
<a asp-page="/Student/Delete" asp-route-id="@Model.studentFocused.StudentId">Supprimer</a>
}
</div>
</div>
</div>
但现在在我的 <div id="details">
上,我想在使用 OnGetDetails() 方法单击“详细信息”按钮时显示一名学生的详细信息。为此,我正在我的 allStudents 属性 中搜索,这是一个列表,其中包含所需学生的 ID。我想这个方法还不完整,但就这样我遇到了问题:
public void OnGetDetails(int id)
{
this.studentFocused = this.allStudents.Where(s => s.StudentId == id).SingleOrDefault();
}
出现错误,因为 this.allStudents 在这里是空的,虽然它在我的 OnGet() 之前被初始化,所以我不明白。
asp-page-handler="details" asp-route-id="@student.StudentId"
由于方法签名错误,将无法与 OnGetDetails(int id) 一起使用。
您需要绑定路由参数(例如在 public async Task OnGetAsync() 之前执行此操作)
[BindProperty(SupportsGet = true)]
public int? Id { get; set; }
然后像这样重写
public void OnGetDetails()
{
// here you must fetch all students like in OnGetAsync
this.studentFocused = this.allStudents.Where(s => s.StudentId == Id.Value).SingleOrDefault();
}
通常的做法是像这样使用 URL。
<a asp-page="Student" asp-route-id="4">
并在 HTML
中像这样得到 URL/Student/4
其中 4 = 学号。
使用您的解决方案,您将得到 URL这样的结果:
/Student?id=4&handler=Details
你可以使用这种形式的 URLs
<a asp-page="Student" asp-route-id="4">
通过像这样重写 OnGetAsync(我也清理了一下)
public async Task OnGetAsync()
{
using var httpClient = new HttpClient();
using var response = await httpClient.GetAsync(this.uri);
var fetchedResponse = await response.Content.ReadAsStringAsync();
allStudents = JsonConvert.DeserializeObject<List<Models.Student>>(fetchedResponse);
if (Id.HasValue)
{
studentFocused = allStudents.FirstOrDefault(s => s.StudentId == Id.Value);
}
}
在您的 .cshtml 之上,替换
@page
和
@page "{id?}"
通过最后的更改,您可以删除 OnGetDetails。
我会在学习 C# 时推荐使用 Resharper,它会在 real-time 中告诉您您做错了什么,并提出代码改进建议。