主要內(nèi)容

之前，我們介紹過中繼器數(shù)據(jù)項求合。對于無“增刪改查”的數(shù)據(jù)列表，我們不用使用中繼器，沿用表格部件也是可以的，本次教程，我們就學習一下如何對表格部件制成的列表項進行求和交互設置。

交互說明

勾選中一行列表項，自動計算當前行的“小計”單元格，且表格己選中項計算1次。

取消勾選一行列表項，表格己選中項重新計算1次。

原型制作

步驟1：

列表制作，拖一個表格到編輯頁面

a) 編輯表格為6行5列

b) Column2及Column3列輸入數(shù)值

c) 分別設置第2-5行的單元名稱：1-1、1-2、1-3、1；2-1、2-2、2-3、2；3-1、3-2、3-3、3；4-1、4-2、4-3、4

d) 設置第4列最后1個單元格名稱為：合計

步驟2：

從部件窗口，分別拖入4個復選框放到列表第2-5行。設置名稱為：第2行、第3行、第4行、第5行

設置首個復選框“選中狀態(tài)改變時”事件

步驟3：

選中“第2行”復選框，雙擊“選中狀態(tài)改變時”事件，打開用例編輯器編輯用例1。

步驟4：

第一步：用例說明 點擊“編輯條件”按鈕，打開條件生成對話框。設置條件表達式為：選中狀態(tài)值“當前部件”=值“true”

動作1

第二步：點擊新增動作 選擇“設置文本”動作

第四步：配置動作 勾選“1-3（表格單元）”；將文本設置為：值“[[LVAR1+LVAR2]]”

注：LVAR1=部件文字“1-1”；LVAR2=部件文字“1-2”

動作2

第二步：點擊新增動作 選擇“設置文本”動作

第四步：配置動作 勾選“1（表格單元）”；將文本設置為：部件文字“1-3”

動作3

第二步：點擊新增動作 選擇“設置文本”動作

第四步：配置動作 勾選“合計（表格單元）”；將文本設置為：值“[[LVAR1+LVAR2+LVAR3+LVAR4]]”

注：LVAR1=部件文字“1”；LVAR2=部件文字“2”；LVAR3=部件文字“3”；LVAR4=部件文字“4”

點擊“確定”，關(guān)閉用例編輯器。

步驟5：

繼續(xù)選中“第2行”復選框，雙擊“選中狀態(tài)改變時”事件，打開用例編輯器編輯用例2。

步驟6：

第一步：用例說明 點擊“編輯條件”按鈕，打開條件生成對話框。設置條件表達式為：選中狀態(tài)值“當前部件”=值“false”

動作1

第二步：點擊新增動作 選擇“設置文本”動作

第四步：配置動作 勾選“1（表格單元）”；將文本設置為：值“0”

動作2

第二步：點擊新增動作 選擇“設置文本”動作

第四步：配置動作 勾選“合計（表格單元）”；將文本設置為：值“[[LVAR1+LVAR2+LVAR3+LVAR4]]”

注：LVAR1=部件文字“1”；LVAR2=部件文字“2”；LVAR3=部件文字“3”；LVAR4=部件文字“4”

點擊“確定”，關(guān)閉用例編輯器。

重復步驟3-6，設置其它復選框“選中狀態(tài)改變時”事件

步驟7：

選中“第2行”復選框，部件交互和注釋窗口，選擇“選中狀態(tài)改變時”事件，復制用例1、用例2；分別選中“第3-5行”復選框的“選中狀態(tài)改變時”事件，粘貼用例1和用例2。

步驟8：

分別修改“第3-5行”復選框“選中狀態(tài)改變時”事件的用例1和用例2：

“第3行”復選框

用例1：

動作1：第四步：配置動作 勾選“2-3（表格單元）”

LVAR1=部件文字“2-1”；LVAR2=部件文字“2-2”

動作2：第四步：配置動作 勾選“2（表格單元）”；將文本設置為：部件文字“2-3”

用例2：

動作1：第四步：配置動作 勾選“2（表格單元）”；將文本設置為：值“0”

“第4行”復選框

用例1：

動作1：第四步：配置動作 勾選“3-3（表格單元）”
LVAR1=部件文字“3-1”；LVAR2=部件文字“3-2”

動作2：第四步：配置動作 勾選“3（表格單元）”；將文本設置為：部件

文字“3-3”

用例2：

動作1：第四步：配置動作 勾選“3（表格單元）”；將文本設置為：值“0”

“第5行”復選框

用例1：

動作1：第四步：配置動作 勾選“4-3（表格單元）”
LVAR1=部件文字“4-1”；LVAR2=部件文字“4-2”

動作2：第四步：配置動作 勾選“4（表格單元）”；將文本設置為：部件文字“4-3”

用例2：

動作1：第四步：配置動作 勾選“4（表格單元）”；將文本設置為：值“0”

生成原型

步驟9：

生成原型，查看效果。

- End -