Axure7.0教程(二)中繼器的使用(2)

14 評論 75841 瀏覽 45 收藏 3 分鐘

本教程案例下載:axure7.0教程_小樓作品(二)中繼器的使用(2)

在上一節(jié)教程axure7.0教程(一)中繼器的使用(1)中我們初步講解了,如何使用中繼器的功能之一,在Axure7的新元件repeater(中繼器)中增加內(nèi)容。那么,既然能夠添加內(nèi)容,就應(yīng)該能夠刪除內(nèi)容。因?yàn)樵谲浖_發(fā)中對數(shù)據(jù)的操作有四種:增、刪、改、查;中繼器的功能也包含了這四種操作。

那么,今天我們來講一下,如何刪除中繼器中的內(nèi)容。

上一節(jié)中,我們在中繼器主頁中設(shè)定了自己想要的模塊,并且通過在中繼器項(xiàng)目中增加內(nèi)容,實(shí)現(xiàn)了模塊的重用,那么,我們可以在中繼器的模塊中,添加一個(gè)按鈕,用來刪除自動生成的這些模塊。

怎么做呢?步驟非常的簡單,我們把按鈕拖進(jìn)中繼器的主頁中適當(dāng)?shù)奈恢茫缓笤O(shè)置這個(gè)按鈕的點(diǎn)擊事件(onclick),見下圖:

事件1:添加新增選定項(xiàng)目到中繼器,我的理解是把這個(gè)新增按鈕添加到了中繼器項(xiàng)目中,并與每一行數(shù)據(jù)做好綁定(這個(gè)是在生成原型后的動作,在制作過程中在中繼器項(xiàng)目中是看不到的);在這里我們勾選中繼器后,右下角的單選框默認(rèn)是選中“this”,這個(gè)不用更改,this指的就是當(dāng)前的這個(gè)按鈕。

事件2:從中繼器中刪除選定項(xiàng)目;我們在上個(gè)事件中將按鈕與每條數(shù)據(jù)做了綁定,那這個(gè)事件就是刪除這個(gè)按鈕和與其綁定的一行數(shù)據(jù)。

通過上面兩步,我們就實(shí)現(xiàn)在中繼器中刪除模塊的效果了。

接下來,就是見證奇跡的時(shí)刻!你做對了么?

作者:小樓

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 表示附件總是下載不下來。 ??

    來自北京 回復(fù)
  2. 直接刪除行就行了

    來自北京 回復(fù)
  3. 這個(gè)還可以把那個(gè)關(guān)閉按鈕改成復(fù)選框然設(shè)置標(biāo)記行,在外面再建立一個(gè)刪除的按鈕,設(shè)置刪除行(標(biāo)記項(xiàng)),這樣就可以實(shí)現(xiàn)多選刪除了。

    來自廣東 回復(fù)
    1. 我設(shè)置了全部勾選后刪除,但是取消勾選后,點(diǎn)刪除也全部刪除了。。求原因

      來自上海 回復(fù)
    2. 額。。我自己解決了

      來自上海 回復(fù)
  4. axure里沒有你說的那兩項(xiàng)??!

    來自河北 回復(fù)
    1. 標(biāo)記行、刪除行

      來自江蘇 回復(fù)
  5. 你好,現(xiàn)在的最新版本在Repeater這個(gè)控件的動作變化很大,和之前的版本差別不小,建議能對此部分內(nèi)容更新。

    來自天津 回復(fù)
  6. 這個(gè)教程是最早7.0測試版的基礎(chǔ)上寫的,現(xiàn)在已經(jīng)沒用了。

    來自北京 回復(fù)
  7. 都出7的教程了 我去

    來自菲律賓 回復(fù)