Axure中繼器實(shí)現(xiàn)一個(gè)簡(jiǎn)易的人員添加、刪除模塊

據(jù)Axure官網(wǎng)介紹，中繼器是一種用于展示模式重復(fù)的文本或圖標(biāo)的元件。本文結(jié)合圖片教大家使用Axure中繼器實(shí)現(xiàn)一個(gè)簡(jiǎn)易的人員添加、刪除模塊。

新增的使用

Step 1：

在工作臺(tái)里插入一個(gè)中繼器，Axure也是采用的拖拽式，很方便

雙擊綠色區(qū)域進(jìn)入中繼器界面，中繼器是有自己的界面的

需要用到的原件在中繼器的界面里添加，最終效果會(huì)顯示在index頁(yè)

Step 2：

拖入自己想要的控件，我這里自己拖了幾個(gè)lable用作顯示信息。

在數(shù)據(jù)集中添加第一條記錄，用作測(cè)試顯示（列名定義的時(shí)候不要使用中文，不然有可能會(huì)出現(xiàn)亂碼?。?/p>

注意（這里我沒(méi)有添加文本框和按鈕，中繼器這里只做顯示使用，其余操作在index里進(jìn)行）

Step 3：

添加加載事件，綁定數(shù)據(jù)集和控件（綁定數(shù)據(jù)集其實(shí)就是和數(shù)據(jù)庫(kù)中的表綁定差不多，但是真的簡(jiǎn)單到飛起）。

注意（一定要設(shè)置加載事件，不然無(wú)法顯示信息）

注意：要一個(gè)一個(gè)設(shè)置，這里偷了個(gè)懶就沒(méi)再截圖（我自己去下的中文包，沒(méi)裝過(guò)的自己翻譯一下吧）

選擇相應(yīng)的數(shù)據(jù)集項(xiàng)，注意自己定義的列名。

設(shè)置完成之后的界面

好了！現(xiàn)在可以測(cè)試運(yùn)行一下，看看lable有沒(méi)有和對(duì)應(yīng)的數(shù)據(jù)集綁定在一起

ok！可以使用！

現(xiàn)在顯示的是數(shù)據(jù)集里的第一條信息

下面開(kāi)始做新增記錄部分

Step 4：

注意！不是在中繼器的界面了，這是主界面index界面。主界面里加了幾個(gè)textbox和一個(gè)button，用作新加數(shù)據(jù)集記錄。如果不小心加錯(cuò)了，在中繼器界面加了這些控件，沒(méi)關(guān)系，只要把它們復(fù)制過(guò)來(lái)就ok了。

注意：想要實(shí)現(xiàn)交互，就得給控件取一個(gè)形狀名稱。這其實(shí)和開(kāi)發(fā)是一樣的，想要調(diào)用就得命名。

Step 5：

設(shè)置按鈕點(diǎn)擊事件，Axure7.0之后是叫做添加行，點(diǎn)擊右側(cè)添加行按鈕。

Step 6：

點(diǎn)擊fx按鈕

fx（函數(shù)）按鈕

找到你之前定義的名稱

1.設(shè)置局部變量，名稱可以自定，注意選擇右側(cè)的目標(biāo)來(lái)源

2.選擇上面的插入變量和函數(shù)，選擇剛剛新建好的局部變量名稱

這是設(shè)置完成之后的界面

現(xiàn)在就可以試著運(yùn)行一下了，看看添加是不是正常的

ok！可以正常使用（邊上的藍(lán)框是我后面自己加上去的）

這是Axure的中繼器的新增的使用

刪除的實(shí)現(xiàn)

Step 1

在中繼器界面插入button并對(duì)他添加交互事件

Step 2

刪除行中只用選擇this，現(xiàn)在只是刪除單個(gè)

下面來(lái)看一下全部刪除

Step3

新加一個(gè)button ，注意這時(shí)候不是在中繼器界面，這是在index主界面

既然要全部刪除就得使用條件，這里的刪除條件是true，大概的意思就是當(dāng)數(shù)據(jù)集中的值不為空的時(shí)候

我是這么理解的