本指南演示了如何在Radzen Blazor应用程序中处理页面和组件事件。

介绍

事件表示已发生的事情，例如，已加载应用程序页面，用户单击按钮或选择下拉项。

页面事件 Page events

页面有一个事件，加载（Load）事件。 每次开发人员在Design Time打开页面时，页面事件都会在Radzen属性网格中可见。 您可以稍后单击空白页面区域或通过属性网格上方的组件选择器将它们带回。

组件事件 Component events

当您执行以下操作时，组件事件将显示在Radzen属性网格中：

1. 通过单击组件或从组件选择器中选择一个组件。

2. 单击属性网格的“事件 Events”选项卡。

条件 Conditions

默认情况下，操作无条件执行。 要进行更改，可以设置Condition属性。 仅当条件表达式的计算结果为true时，该操作才会执行。

处理事件 Handling events

要在Radzen中处理事件，您应该添加一个或多个操作。 单击事件名称旁边的编辑图标。 这将打开“编辑处理程序 Edit handler”对话框，您可以在其中添加，删除和更新操作。

动作按照指定的顺序执行。 您可以通过“上箭头”和“下箭头”按钮上移或下移动作来更改执行顺序。

动作 Actions

Radzen程序支持下面几种动作类型（Action Types）：

1. 调用数据源方法（Invoke data source method）

2. 调用方式（Invoke method）

3. 导航到页面（Navigate to page）

4. 向后导航（Navigate back）

5. 打开对话框（Open dialog）

6. 显示通知（Show notification）

7. 设置属性（Set property）

8. 执行C#代码（Execute C#）

9. 导出（Export）

调用数据源方法 Invoke data source method

当您创建数据源（从数据库，OData或REST服务）时，Radzen会创建所谓的数据源方法（或操作）。

例如，如果您的数据库有一个“Orders”表，Radzen将生成CRUD方法来处理该表：

1. getOrders：从“Orders”表中检索记录。 通过内置的 $take, $skip, $orderby 和 $filter 参数支持分页，过滤和排序。

2. createOrder：将新记录添加到Orders表。 通过隐式 ${result} 属性返回创建的记录。

3. updateOrder：更新Orders表中的现有记录。 通过隐式 ${result} 属性返回更新的记录。

4. deleteOrder：从“Orders”表中删除现有记录。

调用数据源方法操作可以触发两个事件之一：Then（成功响应时）和Error（否则）。

重要！ 您必须处理Then事件才能使用数据源方法结果。

设置属性 Set property

将指定的属性设置为指定的值。 该值应为常量或表达式。 如果具有指定名称的属性不存在，则会创建该属性。 否则，其值将被更新。

执行C#代码

Executes the specified C# code.

导出 Export

这种类型的操作类似于“调用数据源方法 Invoke data source method”操作。 它向表示数据源方法的URL发出HTTP请求，并将结果导出为指定的格式（CSV或Microsoft Excel）。 只能导出Microsoft SQL Server，MySQL，Oracle和PostgreSQL数据源中的数据。