axure 如何设置选项联动_Axure下拉框级联操作
現(xiàn)實(shí)生活中有很多的下拉框是級(jí)聯(lián)操作的,即因?yàn)榈谝粋€(gè)下拉框的選擇,影響到后面的下拉框的選擇的列表的數(shù)據(jù)。或許在代碼中,這些操作相對(duì)比較簡(jiǎn)單,通過(guò)前一個(gè)下拉框的選擇項(xiàng)來(lái)控制后一個(gè)下拉框的數(shù)據(jù)的動(dòng)態(tài)添加。那么,如何使用Axure來(lái)實(shí)現(xiàn)這一操作呢,下面提供了幾種方法進(jìn)行參考。
下面我們以省市區(qū)的三級(jí)聯(lián)動(dòng)來(lái)實(shí)現(xiàn)一下。
第一種實(shí)現(xiàn)方法
1、首先在頁(yè)面中放置三個(gè)下拉框,分別用來(lái)顯示:省、市、區(qū),然后將第二個(gè)和第三個(gè)下拉框設(shè)置為動(dòng)態(tài)面板,如下圖。
2、將第一個(gè)下拉框中添加數(shù)據(jù),例如請(qǐng)選擇省份、安徽省和黑龍江省,然后在第二個(gè)市的動(dòng)態(tài)面板中分別添加兩個(gè)面板狀態(tài),名稱(chēng)分別為安徽省和黑龍江省(此處強(qiáng)烈建議面板狀態(tài)的名字和其前一個(gè)下拉框中選項(xiàng)的名稱(chēng)一致,因?yàn)檫@樣有利于后期操作),然后在其狀態(tài)面板中的下拉框中填寫(xiě)該面板狀態(tài)名稱(chēng)下的省份中的市級(jí)名稱(chēng),以同樣的方法添加對(duì)應(yīng)市級(jí)城市的區(qū)域信息。如下圖。
3、如果相應(yīng)的數(shù)據(jù)已經(jīng)添加好了,那么我們開(kāi)始進(jìn)行交互的添加,選擇第一個(gè)下拉框,選擇【選項(xiàng)改變時(shí)】,然后選擇【編輯條件】在頁(yè)面中選擇選項(xiàng)為對(duì)應(yīng)的省份,然后確定。在添加動(dòng)作中選擇【設(shè)置面板狀態(tài)】,選擇對(duì)應(yīng)的動(dòng)態(tài)面板為市級(jí)的面板,然后在選擇狀態(tài)中選擇對(duì)應(yīng)的之前設(shè)置的面板狀態(tài)和當(dāng)前選擇的省名稱(chēng)為同一個(gè)的面板狀態(tài)。如下圖。
4、同樣的操作方式,在區(qū)級(jí)下拉框中進(jìn)行添加。
第二種實(shí)現(xiàn)方法
相對(duì)于第一種方法需要天機(jī)很多的事件,需要將省級(jí)、市級(jí)每個(gè)選項(xiàng)發(fā)生變化都需要添加事件。像這種數(shù)據(jù)量較大的來(lái)說(shuō)相對(duì)繁瑣一些。第二種方法在第一種方法的基礎(chǔ)上,稍作修改,可以節(jié)省一定的繁瑣操作來(lái)實(shí)現(xiàn)。
其中第一種實(shí)現(xiàn)方法的【1】、【2】步驟是添加數(shù)據(jù)的,這部分不需要修改。那么我們從第三步開(kāi)始調(diào)整一下。
1、首先我們還是在省級(jí)的【選擇改變時(shí)】進(jìn)行添加事件。選擇【設(shè)置面板狀態(tài)】,選擇對(duì)應(yīng)的動(dòng)態(tài)面板,在選擇狀態(tài)中選擇Value,然后在狀態(tài)名稱(chēng)或者需要中填寫(xiě)[[LVAR1]](可以自主添加),然后選擇后面的【fx】,按照下圖進(jìn)行添加。點(diǎn)擊確定后,即可實(shí)現(xiàn)省級(jí)和市級(jí)的聯(lián)動(dòng)。參照下圖。
2、同樣的市級(jí)和區(qū)域中的聯(lián)動(dòng)也是以同樣的方法,在此處相對(duì)的需要的操作還是多一些的,不過(guò)相對(duì)第一種方法已經(jīng)是省去了很多的操作步驟,在添加局部變量的時(shí)候,建議使用語(yǔ)義化的名稱(chēng)。
以上是我現(xiàn)在了解的兩種實(shí)現(xiàn)方法,如后續(xù)有新的方法會(huì)繼續(xù)補(bǔ)充,也是剛開(kāi)始接觸這個(gè)東東,如果有不合理的地方希望批評(píng)指教。
參考文檔:
http://www.woshipm.com/rp/438724.html
總結(jié)
以上是生活随笔為你收集整理的axure 如何设置选项联动_Axure下拉框级联操作的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: boot jpa mysql postm
- 下一篇: mysql怎么升级_MySQL UPDA