Axure中繼器怎么對(duì)表格進(jìn)行表格增刪改?

中繼器是目前為止Axure最復(fù)雜的功能,也是一個(gè)很強(qiáng)大的功能,利用好中繼器的強(qiáng)大功能,可以為我們?cè)驮O(shè)計(jì)帶來(lái)很多便利,在操作表格的時(shí)候,想要對(duì)表格進(jìn)行增減操作,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類(lèi)型:輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-05-24
一、中繼器表格的搭建
1、以錄入學(xué)生成績(jī)?yōu)槔?,字段:班別、學(xué)號(hào)、姓名、語(yǔ)文、數(shù)學(xué)。我們首先根據(jù)字段搭建一個(gè)表頭。
2、接著拖動(dòng)一個(gè)中繼器至頁(yè)面的對(duì)應(yīng)位置,接著根據(jù)我們的字段在樣式中新增對(duì)應(yīng)列,這里列命名我用字段的拼音命名,然后先補(bǔ)充兩行數(shù)據(jù)。
3、此時(shí)我們需要讓數(shù)據(jù)在頁(yè)面中顯示。
雙擊中繼器打開(kāi),然后新增對(duì)應(yīng)矩形并命名,同時(shí)拖拉標(biāo)簽作為編輯和刪除的按鈕,對(duì)對(duì)應(yīng)矩形框設(shè)定交互,使其獲取到中繼器的數(shù)據(jù),如圖所示,此時(shí)中繼器表格便搭建好了。
二、新增數(shù)據(jù)
1、做個(gè)新增成績(jī)的對(duì)應(yīng)彈窗,這里就不詳細(xì)說(shuō)明過(guò)程。將文本框?qū)?yīng)字段命名,方便中繼器獲取字段。
2、我們要做到點(diǎn)擊保存按鈕,表格會(huì)對(duì)應(yīng)新增你在新增成績(jī)彈窗所填寫(xiě)的數(shù)據(jù),還需要在保存按鈕上做交互。如圖所示點(diǎn)擊新建交互,選擇鼠標(biāo)單擊時(shí)。
3、找到添加行,選擇該中繼器,然后在設(shè)置動(dòng)作出點(diǎn)擊添加行,點(diǎn)擊fx
4、首先選擇添加局部變量,在對(duì)應(yīng)列找到對(duì)應(yīng)新增字段文本框chengji,這里我命名為首字母cj,以此類(lèi)推將文本框設(shè)置好
5、設(shè)置好之后,我們點(diǎn)擊預(yù)覽,然后輸入對(duì)應(yīng)成績(jī),點(diǎn)擊保存,表格就會(huì)自動(dòng)新增一行數(shù)據(jù)
三、刪除數(shù)據(jù)
1、前面我們已經(jīng)在中繼器中拉進(jìn)了標(biāo)簽“刪除”來(lái)作為刪除按鈕,同樣雙擊中繼器進(jìn)入,然后為刪除新建交互,選擇單擊時(shí)
2、找到中繼器的刪除行,選擇中繼器,刪除當(dāng)前行,確定。
3、最后我們進(jìn)行頁(yè)面預(yù)覽,點(diǎn)擊刪除按鈕,就可以看見(jiàn)對(duì)應(yīng)表格數(shù)據(jù)被刪除。
四、編輯數(shù)據(jù)
1、與新建彈窗一致,我們?cè)O(shè)計(jì)一個(gè)編輯成績(jī)彈窗這里不再贅述過(guò)程,前面我們已經(jīng)在中繼器中拉進(jìn)了標(biāo)簽“編輯”來(lái)作為編輯按鈕,同樣雙擊中繼器進(jìn)入,然后為編輯新建交互,選擇單擊時(shí)。
2、當(dāng)我們點(diǎn)擊編輯時(shí),我們需要將表格中的信息顯示到編輯彈窗中以供修改,所以這個(gè)時(shí)候需要讓對(duì)應(yīng)文本框獲取到表格內(nèi)對(duì)應(yīng)數(shù)據(jù)的信息。
此時(shí)我們找到設(shè)置文本的交互,設(shè)置對(duì)應(yīng)文本值為對(duì)應(yīng)的中繼器值。此外,我們還需要在編輯的時(shí)候設(shè)定標(biāo)記該行,否則不在中繼器進(jìn)行數(shù)據(jù)更新而是在外部的話,中繼器不知道你要更新的是哪行數(shù)據(jù),所以需要我們進(jìn)行標(biāo)記。
3、全部設(shè)置好后我們點(diǎn)擊編輯,就可以看見(jiàn)編輯成績(jī)彈窗會(huì)對(duì)應(yīng)獲取到數(shù)據(jù)。
4、接下來(lái)我們要讓在編輯成績(jī)彈窗的數(shù)據(jù)更新至對(duì)應(yīng)行。同樣的我們?yōu)楸4姘粹o進(jìn)行新建交互,選擇單擊時(shí)。
5、找到更新行,選擇已標(biāo)記,點(diǎn)擊選擇列,將中繼器里的列全部選擇,對(duì)應(yīng)賦予變量值,點(diǎn)擊確定。之后進(jìn)行頁(yè)面預(yù)覽就可以進(jìn)行數(shù)據(jù)更新啦~
以上就是Axure中繼器對(duì)表格進(jìn)行表格增刪改的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure RP 8怎么使用中繼器實(shí)現(xiàn)自增效果?
Axure rp中繼器怎么實(shí)現(xiàn)全局?jǐn)?shù)據(jù)刪除效果?
相關(guān)文章
- 正常情況下,利用Axure RP制作的原型圖文件無(wú)法使用其他軟件打開(kāi),為了方便,你可以將原型圖轉(zhuǎn)換成圖片格式。下文介紹了將Axure原型圖導(dǎo)出為圖片格式的方法,請(qǐng)參考2019-04-11
Axure RP如何利用輔助線進(jìn)行元件對(duì)齊?
Axure RP是一款非常專(zhuān)業(yè)的原型設(shè)計(jì)工具,通用性極強(qiáng),可以用來(lái)快速繪制流程圖、線框圖。我們?cè)诶L制原型圖時(shí)為了確保元件之間互相對(duì)齊,需要借助輔助線來(lái)幫忙,下文詳細(xì)介紹2019-04-11Axure怎么修改默認(rèn)的單選復(fù)選框按鈕樣式?
Axure怎么修改默認(rèn)的單選復(fù)選框按鈕樣式?Axure制作網(wǎng)頁(yè)原型的時(shí)候,添加的單選框和復(fù)選框都是默認(rèn)樣式,想要修改單選框和復(fù)選框的樣式,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳2019-03-29Axure怎么設(shè)計(jì)APP開(kāi)關(guān)按鈕狀態(tài)切換的原型?
Axure怎么設(shè)計(jì)APP開(kāi)關(guān)狀態(tài)切換的原型?使用手機(jī)的時(shí)候,我們開(kāi)啟或關(guān)閉app的功能的時(shí)候,會(huì)出現(xiàn)一個(gè)滑動(dòng)按鈕,該怎么制作這個(gè)原型呢?下面我們就來(lái)看看詳細(xì)的教程,需要的2019-03-21axure怎么制作進(jìn)度條的效果? axure進(jìn)度條的制作方法
axure怎么制作進(jìn)度條的效果?axure中想要制作進(jìn)度條效果,該怎么制作進(jìn)度條呢?下面我們就來(lái)看看axure進(jìn)度條的制作方法,需要的朋友可以參考下2019-03-19Axure怎么制作簡(jiǎn)易的賬戶(hù)密碼的登錄頁(yè)面?
Axure怎么制作簡(jiǎn)易的賬戶(hù)密碼的登錄頁(yè)面?Axure中想要設(shè)計(jì)一個(gè)登錄頁(yè)面,該怎么制作有賬戶(hù)和密碼的燈籠頁(yè)面呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-03-13- Axure怎么制作一個(gè)水平拖動(dòng)的效果?Axure制作網(wǎng)頁(yè)原型很簡(jiǎn)單,想要制作一個(gè)水平拖動(dòng)的效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-03-13
- Axure怎么制作動(dòng)態(tài)的云層?Axure中想要制作一個(gè)動(dòng)態(tài)的云層,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-03-13
Axure內(nèi)聯(lián)框架怎么加載網(wǎng)絡(luò)地圖?
Axure內(nèi)聯(lián)框架怎么加載網(wǎng)絡(luò)地圖?Axure中想要制作一個(gè)網(wǎng)頁(yè)可以加載地圖的效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-03-12Axure怎么制作發(fā)光的關(guān)機(jī)按鈕?
Axure怎么制作發(fā)光的關(guān)機(jī)按鈕?Axure制作網(wǎng)頁(yè)原型的時(shí)候,想要制作一個(gè)發(fā)光的按鈕,該怎么給按鈕添加光暈效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-03-10