时间戳

首页 > 解决方案 > Asp.Net Razor Pages OnClick 未触发

asp.net-core - 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 函数

标签： asp.net-corerazorrazor-pages

解决方案

您可以使用 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>

这是 PageModel：

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

推荐阅读