---
order: 18
navTitle: 重置数据
---
# SuperPage交互-重置数据

**重置数据**交互能够将当前页面组件中的内容还原至初始状态，一般与[表单](../submit-data.md)搭配使用，如：

1. 在“表单”中新增个人信息，点击**重置**按钮，清空已填写的内容
2. 在“表单”中修改资产信息，点击**重置**按钮，已修改的内容将被还原
3. 查看经营状态为“在业”的企业，点击**清空条件**按钮，“在业”的限制条件被清除，页面将展示所有的数据

![](./images/2021_05_27_15_40_17_561.gif)

示例地址：[树增加与修改](https://demo.succbi.com/v5/DEMO/app/ap.app?id=%E6%A0%91%E5%A2%9E%E5%8A%A0%E4%B8%8E%E4%BF%AE%E6%94%B9)、[分类浏览](https://demo.succbi.com/v5/DEMO/app/DEMO.app/%E4%BD%8E%E4%BB%A3%E7%A0%81%E6%A1%88%E4%BE%8B/%E4%BC%81%E4%B8%9A%E4%BF%A1%E6%81%AF%E8%87%AA%E5%8A%A9%E6%9F%A5%E8%AF%A2.tpg?id=%E5%88%86%E7%B1%BB%E6%B5%8F%E8%A7%88)

## 使用重置数据{#user}

**重置数据**的使用没有任何限制，只需在[按钮](../../components/common/button.md)上添加该交互，并选择重置的[范围](#range)即可，若输入组件中设有默认值，则重置后会将组件内容还原为默认值。以使用**重置数据**交互还原资产信息“表单”中修改的内容为例，使用步骤如下：

![](./images/2021_05_27_16_56_01_459.gif)

1. **输入组件绑定字段**：为[文本输入](../../components/input/textinput.md)组件绑定字段，使“资产名称”、“金额”等组件内容能够自动加载原数据
2. **配置交互**：在按钮中添加重置数据交互，并设置**范围**为panel4，表示点击该按钮时，panel4中的所有内容还原至初始状态

## 重置的范围设置{#range}

**重置数据**交互可以设置指定哪些组件或者数据集进行重置，在**范围**属性中设置，有以下几个选项：

- **默认**：该选项为默认项，如果载体组件在对话框组件中，则重置对话框内的数据；若不在，则重置整个页面内的数据
- **整个页面**：重置页面中的所有数据
- **所在对话框/悬浮面板**：重置按钮所在的对话框或悬浮面板中的数据
- **指定组件**：选择后，需要在提交组件中勾选需要进行重置的组件
- **指定数据行**、**指定数据集**：适用于页面内有提交数据且使用了暂存的场景，具体可查看[重置暂存数据](#reset-tmp)

### 重置暂存数据{#reset}

重置暂存数据一般适用于页面内需要[提交数据](../submit-data.md)，并使用了[暂存](./submit-data.md#tmp-storage)属性的场景。由于**暂存**后的数据保留在浏览器对应的数据集中，还未真正存入到数据库中，所以使用**重置数据**交互可以对指定的数据模型的修改进行还原，如：

- 若添加了新的数据行，则删除新增的数据行
- 若删除了某行数据，则该行数据将被还原，且还原到该数据行之前所在模型表的位置
- 若修改了数据，则将该数据还原为之前的内容

**范围**属性中提供了可以重置暂存数据的选项：

- **指定数据行**：重置目标模型表中指定的数据行数据，一般使用**主键**字段获取该行数据，需要在**数据集**属性中选择模型表，并在**主键字段设置**中为主键赋值。如对列表中某行数据进行修改后，点击“重置”按钮，将该行数据修改的内容还原
- **指定数据集**：将指定的模型表修改项全部清空，选择后需要在**数据集**中选择对应的模型表。如重置该模型表的在本页面内所有新增、修改、删除的暂存操作，将模型表的数据还原为初始状态