Asp.Net Razor Pages OnClick 不触发

问题描述

我的 Index.cshmtl 中有这个按钮

<button value="Search" name="Search" submit="Search" class="searchbutton" onclick="btnSearch_Click">Search</button>

点击这个按钮会发送一个帖子。

在我的 Index.cshtml.cs 中，我有这个布尔变量和函数

private bool SearchButton;
protected void btnSearch_Click(object sender,EventArgs e)
{
    SearchButton = true;
}

所以我的问题是，如果我单击按钮，代码将永远不会进入 btnSearch_Click 函数

解决方法

您可以使用 Razor Pages 中的命名处理程序方法来模拟 Web 窗体中的服务器端事件处理程序。

这是一个内容页面：

@page
@model RazorPagesDemo.Pages.HandlerDemoModel
@{
}
<p>@Model.Message</p>
<form asp-page-handler="Search" method="post">
    <input type="text" asp-for="SearchTerm" />
    <button class="btn btn-default">Search</button>
</form>

这是页面模型：

public class HandlerDemoModel : PageModel
{
    [BindProperty]
    public string SearchTerm { get; set; }
    public string Message { get; set; }

    public void OnPostSearch()
    {
        Message = $"You searched for {SearchTerm}";
    }
}

OnPostSearch 相当于您的 btnSearch_Click 方法。您使用 asp-page-handler 属性连接表单以执行该方法。您可以在此处阅读有关 Razor Pages 处理程序方法的更多信息：https://www.learnrazorpages.com/razor-pages/handler-methods