Razor Pages 不能在另一个方法中重用 OnGet() 中定义的属性,因为它是 null

Posted

技术标签:

【中文标题】Razor Pages 不能在另一个方法中重用 OnGet() 中定义的属性,因为它是 null【英文标题】:Razor Pages Cannot reuse a property defined in OnGet() in another method, cause it's null 【发布时间】:2020-08-21 14:55:35 【问题描述】:

我正在进行一个使用 Razor 页面学习 ASP.NET Core 的小项目。 这是我的页面模型的一部分及其属性

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>

但是现在在我的&lt;div id="details"&gt; 上,我想在使用 OnGetDetails() 方法单击“详细信息”按钮时显示一位学生的详细信息。为此,我正在我的 allStudents 属性中搜索,该属性是一个列表,带有来自通缉学生的 ID。我猜这个方法不完整,但我遇到了我的问题:

public void OnGetDetails(int id)

    this.studentFocused = this.allStudents.Where(s => s.StudentId == id).SingleOrDefault();

因为 this.allStudents 在这里为空,所以出现错误,尽管之前在我的 OnGet() 中初始化了所以我不明白。

【问题讨论】:

【参考方案1】:
 asp-page-handler="details" asp-route-id="@student.StudentId"

由于方法签名错误,无法与 OnGetDetails(int id) 一起使用。

您需要绑定您的路由参数(例如在公共异步任务 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

您可以使用这种形式的网址

<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,它会实时告诉你你做错了什么,并提出代码改进建议。

【讨论】:

以上是关于Razor Pages 不能在另一个方法中重用 OnGet() 中定义的属性,因为它是 null的主要内容,如果未能解决你的问题,请参考以下文章

使用 AJAX 进行 GET 的 Razor Pages PageModel 绑定

ASP .NET Core 5 Razor Pages:如何正确使用局部视图并验证其模型状态?

Razor Pages,表单页面处理程序不使用 GET 方法

Razor Pages OnPost 方法中的 Page() 方法有啥作用?

IntelliSense 在 Razor Pages 项目中找不到 ViewComponent Invoke() 方法

Razor Pages - 在所有 OnGet 处理程序之后从基类调用方法