1. 内容概述

报表由多种报表组件组成，创建报表时将报表控件拖拽至设计区后需要对其进行设置调整后才能满足我们的需求。而我们最常用到的两种基本操作就是“选中组件”和“数据绑定”。

选中组件后，可以进行位置移动，大小调整，属性设置等操作。进行数据绑定后，才可以使组件显示出实际的数据。

接下来就为您介绍这两种基本操作的具体实施方法。

2. 选中组件

ActiveReportsJS总共支持三种选中组件的方式，不同的组件支持的种类个数不同，以下以表格为例进行介绍。

方式一：点选。

单击选中表格中的任意单元格，然后再单击左上角出现的十字星标即可选中整个表格（除表格和距表以外，其他的控件直接单击即可选中整个组件）。

方式二：框选。

拖动鼠标进行框选操作。

方式三： 单击工具箱顶部的“元素管理”，选中表格名（如“表格1”），可选中整个表格。

单击元素管理右上角的小图钉图标可锁定侧面板，使其不收缩回去。再次单击即可解锁。

3. 数据绑定

ActiveReportsJS总共支持三种数据绑定的方式，不同的组件支持的种类个数不同，以下以表格为例进行介绍。

方式一：选中表格单元格，单击单元格内右侧的，选择数据集中的字段进行绑定。

方式二：将数据集字段直接拖放至表格单元格中，实现数据的快速绑定。

方式三： 选中表格的单元格后，在右侧选项设置面板中，单击”数据“后的，绑定数据或者表达式。