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

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

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

在上一節教程axure7.0教程(一)中繼器的使用(1)中我們初步講解了,如何使用中繼器的功能之一,在Axure7的新元件repeater(中繼器)中增加內容。那么,既然能夠添加內容,就應該能夠刪除內容。因為在軟件開發中對數據的操作有四種:增、刪、改、查;中繼器的功能也包含了這四種操作。

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

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

怎么做呢?步驟非常的簡單,我們把按鈕拖進中繼器的主頁中適當的位置,然后設置這個按鈕的點擊事件(onclick),見下圖:

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

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

通過上面兩步,我們就實現在中繼器中刪除模塊的效果了。

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

作者:小樓

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 表示附件總是下載不下來。 ??

    來自北京 回復
  2. 直接刪除行就行了

    來自北京 回復
  3. 這個還可以把那個關閉按鈕改成復選框然設置標記行,在外面再建立一個刪除的按鈕,設置刪除行(標記項),這樣就可以實現多選刪除了。

    來自廣東 回復
    1. 我設置了全部勾選后刪除,但是取消勾選后,點刪除也全部刪除了。。求原因

      來自上海 回復
    2. 額。。我自己解決了

      來自上海 回復
  4. axure里沒有你說的那兩項?。?/p>

    來自河北 回復
    1. 標記行、刪除行

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

    來自天津 回復
  6. 這個教程是最早7.0測試版的基礎上寫的,現在已經沒用了。

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

    來自菲律賓 回復