Axure RP 8怎么添加表格并添加统计功能?

下面是Axure RP 8添加表格并添加统计功能的完整攻略。

步骤一：添加表格

1. 在Axure RP 8中新建一个页面；
2. 从“库”面板中拖拽“表格”控件到页面中；
3. 点击“表格”控件，可以在“交互”面板中设置表格的行数、列数、表头等信息；
4. 在表格中填充数据。

步骤二：添加统计功能

1. 在表格所在的页面上，新建一个“动态面板”控件，并设置它的尺寸；
2. 将表格放置在动态面板中；
3. 在动态面板的“交互”面板中，设置“Item load”事件，在事件中添加以下代码：

[[Item.number]].setValue(#index + 1);

这段代码的作用是给表格添加行号；
4. 同样在动态面板的“交互”面板中，设置“Page Loaded”事件，在事件中添加以下代码：

var sum = 0;
for (var i = 0; i < [[Table.data]].rowCount; i++) {
  sum += parseInt([[Table.data]].getCellValue(i, 1));
}
[[Sum.text]].setText(sum);

这段代码的作用是计算表格第二列的所有数据的和，并将结果显示在页面中。

示例说明一：添加表格

假设我们正在为一个购物网站设计一个订单页面。我们需要添加一个用于显示订单详情的表格。我们可以在新建的页面中拖拽一个“表格”控件，并在“交互”面板中设置表格的行数和列数。然后我们可以在表格中填充数据，例如商品名称、数量、价格等。

示例说明二：添加统计功能

继续以上面的购物网站订单页面为例。假设我们需要在页面上添加一个“合计金额”的显示框。我们可以新建一个“动态面板”控件，并将表格放置在其中。然后我们可以在动态面板的“交互”面板中，设置“Page Loaded”事件，在事件中添加计算表格金额的代码。最后在页面上添加一个文本框，将计算结果显示出来。

希望这个攻略对你有所帮助。