原型说明咋写-表格：批量操作

对提前准备原型规范&说明模板不明白的朋友，可以先查看《如何解决原型说明写不全？》

本期组件：表格-批量操作。

组件概述：表格的基础操作。

一、约定基础规范

本节主要与研发约定默认实现内容，通过规范文档维护。

1. 基础样式

在表格第一列增加勾选框，并在表格左下方显示批量操作，及勾选项数据统计。

2. 基础交互

2.1. 勾选

1. 勾选表头，则全选本页，全选仅在本页生效，具体操作参考《复选框》。
2. 勾选本页部分行，表头为“选部分”状态。
3. 翻页、更改数据过滤规则、更换排序等操作，清空已选项。

注，不建议做翻页记忆，原因如下：

1. 不同页面勾选，翻页后容易忘记都选了哪些；
2. 一页内选不到所需数据，可通过设置更大的页面显示数量或过滤数据后，再勾选数据。

2.2. 统计

即在表格下方独立区域显示所需的统计信息，如“共N条数据，已选N条，XX项总数为N，平均值N”。

除一些约定俗成的统计项（如：共N条、已选N条）外，都要说明统计方式，及显示单位，以防团队理解不一致。

2.3. 操作

勾选最终目的是批量操作，常见有“批量导出”、“批量编辑”、“批量删除”等，以上操作对应“独立操作窗口”，组件中仅通过按钮衔接至对应操作窗口。按钮布置及注意项如下：

1. 仅两三个批量操作内容，可平铺在“批量操作区域”，便于快速操作；
2. 有多个批量操作，酌情考虑通过“下拉按钮”折叠批量操作选项；
3. 批量操作后，需保留原有勾选项。

二、约定可控参数

本节主要与研发约定原型中可控制的参数，也通过规范文档维护。文中会提供示例参数，及参数填写说明。

三、输出说明模板

组件名称前加个“规范”，便于团队识别规范组件；模板可直接写入注释，并存为Axure/墨刀元件库。

本次组件分三个组件说明，实际使用根据业务情况增减内容。

1. 勾选（必须）

组件名称：规范-表格-批量操作-勾选。

具备此组件的表格，需支持多选操作。

2. 统计（可选）

组件名称：规范-表格-批量操作-统计。

统计项1：

• 数据计算方式
• 数据显示规则

统计项2：

• 数据计算方式
• 数据显示规则

3. 操作（可选）

组件名称：规范-表格-批量操作-操作。

1）操作1

操作说明

2）操作2

操作说明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！