遇到一個專案，裡面需要實現表格自動新增，點選刪除，刪除行的功能；如下：初始進入檢視，有兩條資料，點選，紅框內的 +號，自動增加一條資料，點選資料中的，可以刪除對應行；

增加或刪除操作時，NO列，需要要求可自行增加或減少；

在這裡，中繼器就是最優選擇；

STEP1：首先建立一個表頭；可直接用文字輸入框實現，或者直接放一個單行的表格實現均可；

STEP2：拖入一箇中繼器；

中繼器拖入後，預設為三行；雙擊進入中繼器，將輸入框複製為多個，因為我的表頭是10個欄位+一個增加按鈕，所以一共是11個；

分別給中繼器中的每個格命個名，不然在後面做用例的時候，待選中會沒有格子可供設定；名字我就是給的11，22,33一直到1010；

這次專案中，需要體現輸入框，所以單獨做了一層動態面板，按照表格大小，做了一套對應的輸入框；這裡是Axure中設定的樣子，生成之後網頁的樣子看文章裡第一個圖；

STEP3，現在按照專案要求，先給幾行設定好的值來顯示；這個直接選中中繼器，右側屬性-中繼器表格中，進行設定；

由於中繼器中的格子11,22,33,----1010，需要給對應的值，所以，這裡在右側屬性的中繼器表格中，需要給列命名，用來做格子內容的對應；

到現在位置，表格的樣子設定好了，表格的列設定好了，命名做好了，中繼器中列命名做好了，中繼器中列表顯示的內容設定好了，現在開始新增用例；

STEP4：首先，用例需要實現的功能包括：中繼器表中的內容顯示對應，單行刪除，逐行增加，逐行增加時NO列數字自增；

第一個：中繼器表中顯示內容對應；

中繼器表設定好後，每個格子都是空的，顯示內容，在中繼器屬性中做了設定；現在要把它們對應起來；

選中中繼器，新增用例（只有中繼器的用例，有‘每項載入時’這個用例；）

這裡有一個特殊的地方，因為NO11列是要實現格子11中顯示數字自增的效果，所以這裡11格子設定的時候，【設定文字】這裡的下拉選擇‘值’，設定為取index的值；操作如下，點選‘fx’，彈出框中，插入變數或函式這裡，下拉選擇index，則生成[[Item.index]]，

其他格子展示的內容，則操作步驟如下幾個圖；在編輯文字彈出框中，輸入：[[Item.name22]]，意思就是22這個格子取值的時候，去中繼器屬性表的name22列取值；

按照這個步驟，把所有的格子的對應內容都設定完；最終用例如下：

截止到這裡，中繼器顯示的部分就設定完了；

第二個：單行刪除

單行刪除，效果直接坐在中繼器裡面，最後一個格子上裡額圖示上的；這裡有綠色，是因為我沒有直接坐在圖示上，而是加了熱區；

增加的用例是，滑鼠單擊這個區域圖示時，則刪除這行資料；

第三個：逐行增加

逐行新增的效果用例新增，需要做在表頭的 +號圖示上；

這裡要實現的是，每點選一次 +號，中繼器中表格增加一行，且NO列數字逐行增加；

a：中繼器自帶的新增行動作，新增行，選中中繼器物件，預設add為0，需要將add後的資料增添為1，則點選【新增行】按鈕，彈出的“新增行到中繼器彈窗”中，設定內容，首先先增加一行，然後NO列，點選fx，進行設

點選fx後，彈出的編輯值彈窗中，插入變數或函式中，選擇中繼器資料集，選擇到itemname22上；最終顯示為：[[Item.name22]]；確定後，則動態增加一行，且NO列設定完成；

；

逐級確定後，則動態增加行，且NO列序號數字自動增加也設定完成；

所有的設定做完後，就完成了一個表格的動態新增，點+號，增加一行，點圖示 --號，刪除對應行，且序號自動增加；

中繼器的應用真的是很多，我也只是在專案過程中進行學習；

裡面的序號自動增加，其實為什麼新增行到中繼器的fx函式，[[Item.name22]]是代表什麼意思，還在研究中，估計也是一個很小白的問題，但是不知道是真挺暈的，琢磨明白了會放上來；

雖然是小白，但是大家一起努力吧！

我查了一下，中繼器中 [[Item.列名]] 的用途：獲取資料行中指定列的值。是不是可以理解為列的個數，NO列取值為個數，所以達到了序號增加的目的；