如何在ASP.NET Razor页面中使用锚定标签作为提交按钮

Question

我在Razor页面中有一个处理程序方法，名称 ongetExpense（usePayload有效载荷）

page.cshtml：

<input type="hidden" asp-for="Filters.From" value="@Model.Filters.From.ToYYYYMMDD()" />
<input type="hidden" asp-for="Filters.To" value="@Model.Filters.To.ToYYYYMMDD()" />
<a asp-page-handler="Expense" class="btn btn-primary" type="button" style="border-color: inherit">
Expense
</a>

page.cshtml.cs：

public IActionResult OnGetExpense(UserPayload filter)
{
    Console.WriteLine(filter.From);
    Console.WriteLine(filter.To);
    return Page();
}

来自日期，我所得到的是<代码> 01-01-0001 它没有提交我需要的有效载荷。

有没有标签属性，我可以带有锚标签的有效载荷？

请帮忙

Answer 1

您的渲染标签将创建到端点的GET请求，您需要到帖子以发送请求正文中的数据，并使控制器将请求主体绑定到您的用户Payload对象。

要发送邮政请求，您可以写一些JavaScript并将其发布到JSON到终点，也可以以形式包装代码。

您的控制器需要具有 httppost 分配的属性。

[HttpPost]
public IActionResult OnGetExpense(UserPayload filter)
{
    Console.WriteLine(filter.From);
    Console.WriteLine(filter.To);
    return Page();
}

Answer 2

有没有标签属性，我可以用锚标签换取有效载荷？

您可以在下面使用 ASP-Route- {value}

是一个工作演示，您可以参考它。

cshtml：

 <a  asp-page-handler="Expense" asp-route-attendeeid="12" class="btn btn-primary" type="button" style="border-color: inherit">Expense</a>

cshtml.cs

 public IActionResult OnGetExpense(int attendeeId)
        {
            return Page();
        }

结果：