ASP.NET Core Blazor中SweetAlertBody控件的用法

原创已于 2024-10-17 16:27:59 修改 · 259 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#1024程序员节 #asp.net #c# #开发语言 #visual studio #windows

于 2022-10-24 16:50:01 首次发布

此博客展示了如何在CalculateExpense.razor组件中使用SweetAlert创建一个带有确认和取消选项的问题对话框，用于询问用户是否执行费用计算。在点击确定按钮后，代码将执行计算并在事务中提交更改，然后关闭对话框。

示例：

Question问题弹出框：

CalculateExpense.razor

@namespace 命名空间
@inherits 域名

@if (Initialized)

{

<span>@IFCALCULATE</span>

</div>

<div>

</BodyTemplate>

<Button class="me-2" style="width:95px;"
Size="BlzComponentSize.Medium"
Color="BlzComponentColor.Danger"
Icon="bi bi-x-octagon m-1"
Text="@ButtonCancelText"
OnClick="() => Close(DialogResult.No)" />

</div>

</FooterTemplate>

}

CalculateExpense.razor.cs

namespace Explm.MainWeb.PartialViews

{

[PopupCode("CalculateExpense")]

partial class CalculateExpense

{

protected override void InternalInitialize()

{

base.InternalInitialize();

IFCALCULATE="是否要执行费用计算？"

ButtonSaveText="确定"；

ButtonCancelText="取消";

}

private async System.Threading.Tasks.Task btnSave_Click()

{

using (Transaction t = StatementBroker.GetTransaction())

{

//省略计算过程

t.Commit();

}

//返回并关闭窗口

await Close(DialogResult.Yes);

}

效果图: