我們使用中繼器的時(shí)候饱岸,除了添加行掺出、刪除行徽千,有時(shí)候我們還需要從表格里面選定某一行進(jìn)行修改更新,那么如何更新行捏汤锨?
本篇文章在前兩篇的文章基礎(chǔ)上操作:
1双抽、Axure RP 9 中繼器原理——添加行?( 也可以直接在這篇文章的基礎(chǔ)上進(jìn)行更新行操作)
2、Axure RP 9 中繼器原理——?jiǎng)h除行
步驟:
1闲礼、我們先復(fù)制一下?Axure RP 9 中繼器原理——?jiǎng)h除行?的全部元件牍汹,然后CTRL+V放在一個(gè)新的頁(yè)面中,將矩形框添加一個(gè)文字標(biāo)簽位仁,并將內(nèi)容修改為“中繼器添加行”柑贞,如下圖:
2、全選矩形框的元件聂抢,復(fù)制一份钧嘶,放到中繼器下方,并將文字標(biāo)簽的內(nèi)容修改為“中繼器更新行”琳疏,三個(gè)文本框在“交互”下的命名分別為“輸入商品名稱(chēng)-更新”有决、“輸入商品數(shù)量-更新”、“輸入商品價(jià)格-更新”空盼,按鈕的文字改為“確認(rèn)”书幕。如下圖:
3、將“中繼器更新行”矩形內(nèi)選中揽趾、CTRL+G組合台汇,同時(shí)將組合名稱(chēng)命名為“中繼器更新行彈窗”。
4篱瞎、雙擊選中中繼器苟呐,點(diǎn)擊選中“修改”,“新建交互”——>“單擊時(shí)”——>“顯示/隱藏”——>目標(biāo):“中繼器更新行彈窗”——>“顯示”——>更多選項(xiàng):“燈箱效果”——>"完成"俐筋。
5牵素、繼續(xù)“添加動(dòng)作”,選擇“標(biāo)記行”——>目標(biāo):“(中繼器)”——>行:“當(dāng)前”——>"完成"澄者。
6蚊夫、繼續(xù)“添加動(dòng)作”店茶,選擇“設(shè)置文本”——>目標(biāo):“輸入商品名稱(chēng)-更新”——>fx:“Item.name”——>“確定”——>“完成”。
7蚀之、繼續(xù)“添加目標(biāo)”冲杀,同樣的方法婆赠,目標(biāo):“輸入商品數(shù)量-更新”——>fx:“Item.number”——>“確定”——>“完成”窿春。
8螃概、繼續(xù)“添加目標(biāo)”,同樣的方法屈留,目標(biāo):“輸入商品價(jià)格-更新”——>fx:“Item.sale”——>“確定”——>“完成”局冰。
9、設(shè)置完成的亞子灌危,如下圖:
10康二、關(guān)閉中繼器,單擊選中“確定”按鈕勇蝙,“新建交互”——>“單擊時(shí)”——>“更新行”——>目標(biāo):“(中繼器)”——>"已標(biāo)記"——>選擇列:“name”——>fx——>添加局部變量(如圖所示)——>“插入變量或函數(shù)”(如圖所示)——>“確定”沫勿。
11、繼續(xù)“選擇列”味混,用同樣的方法产雹,設(shè)置商品數(shù)量、價(jià)格翁锡。最后點(diǎn)擊“完成”蔓挖。
12、繼續(xù)“添加動(dòng)作”馆衔,目標(biāo):“中繼器跟新彈窗”——>“隱藏”——>“確定”瘟判。
13、繼續(xù)“添加動(dòng)作”角溃,目標(biāo):“(中繼器)”——>“全部”——>“確定”拷获。
14、隱藏整個(gè)矩形框减细。
15匆瓜、預(yù)覽效果。
首先未蝌,先添加幾行數(shù)值驮吱,對(duì)某一行的數(shù)據(jù)點(diǎn)擊“修改”,會(huì)出現(xiàn)“中繼器更新行彈窗”树埠,并獲取到剛剛點(diǎn)擊需要修改的行的數(shù)值糠馆,進(jìn)行修改后,點(diǎn)擊“確認(rèn)”怎憋,當(dāng)前行的數(shù)值被修改又碌,其他行的數(shù)值不變,中繼器更新行成功绊袋。完結(jié)毕匀,撒花~