本教程案例下載：axure7.0教程_小樓作品（三）中繼器的使用（3）?

在上一節(jié)教程axure7.0教程（一）中繼器的使用（1）和axure7.0教程（二）中繼器的使用（2）中我們分別講解了增、刪兩個(gè)功能，那在今天的教程中我們來講一下簡(jiǎn)單的修改功能：

比如，我們覺得商品的價(jià)格是應(yīng)該可以修改的，那么我們?cè)谥欣^器中主頁(yè)中添加一個(gè)修改的按鈕（動(dòng)態(tài)面板，點(diǎn)擊之后變成保存）和一個(gè)用來修改價(jià)格的輸入框，并設(shè)置中繼器的事件來實(shí)現(xiàn)這個(gè)效果。

怎么做呢？步驟也非常的簡(jiǎn)單，我們把按鈕拖進(jìn)中繼器的主頁(yè)中適當(dāng)?shù)奈恢茫缓筠D(zhuǎn)化成動(dòng)態(tài)面板，并且在動(dòng)態(tài)面板中增加一個(gè)狀態(tài)叫保存，增加這個(gè)狀態(tài)的時(shí)候，我們不用像axure6.5那樣，新增一個(gè)狀態(tài)然后添加按鈕，修改文字，在axure7.0中，可以直接復(fù)制選中的狀態(tài)為新狀態(tài)，你只需要修改新狀態(tài)的名字和里面的文字就可以了。然后我們分別設(shè)置著兩個(gè)狀態(tài)中按鈕的事件（onclick）：

修改按鈕事件：修改按鈕事件，要負(fù)責(zé)把隱藏的文本框顯示出來，并且把所在的動(dòng)態(tài)面板轉(zhuǎn)換成保存的狀態(tài)；本來沒什么好說的，但是目前7.0.3113版本中存在bug，我們要在顯示中繼器交互的onload事件中多加一個(gè)隱藏文本框的事件，否則丫的不給你隱藏！順便提一下，如果你隱藏的是動(dòng)態(tài)面板，那就要在顯示動(dòng)態(tài)面板的事件前，多加一個(gè)隱藏動(dòng)態(tài)面板的事件，否則丫的不給你顯示，要點(diǎn)三下才能顯示！

另外，特意提到的是，在axure7.0中，元件都可以隱藏（這個(gè)功能在右鍵中取消了，新的位置在元件坐標(biāo)值編輯框的左面，眼睛形狀的圖標(biāo)）和移動(dòng)，一般情況下無需再轉(zhuǎn)換成動(dòng)態(tài)面板了。

保存按鈕事件：這是要重點(diǎn)說的了，在報(bào)存按鈕的onclick事件中，我們要添加以下事件，來實(shí)現(xiàn)修改原有數(shù)據(jù)的效果。

事件1：像刪除功能的實(shí)現(xiàn)一樣，我們需要先把保存按鈕添加到中繼器的項(xiàng)目中，這樣才能夠在每個(gè)模塊中，對(duì)該模塊的數(shù)據(jù)進(jìn)行操作，這是一對(duì)一的；

事件2：然后我們?cè)O(shè)置編輯選定項(xiàng)目，選定中繼器后，在屬性中選擇中繼器中價(jià)格的項(xiàng)目名，并把新價(jià)格文本框中的值，賦給這個(gè)屬性。

附：通過局部變量獲取文本框的文字賦給屬性

事件三：從中繼器中刪除選定的項(xiàng)目；與上一篇教程刪除中的操作不同，這個(gè)刪除選定的項(xiàng)目，是指從中繼器中解除我們?cè)谑录?中做的綁定。而不像上一篇教程中刪除按鈕并且刪除關(guān)聯(lián)的一行數(shù)據(jù)；在選擇事件時(shí)，要記住選擇中繼器事件中的第3個(gè)，而不是第5個(gè)。

那么，為什么這么做呢？你可以在中繼器中多添加幾行數(shù)據(jù)，在保存onclick事件中不設(shè)置本事件，然后生成原型試一下，你會(huì)發(fā)現(xiàn)，你的每一次修改其他模塊中的價(jià)格都會(huì)跟著變動(dòng)。

好了，這個(gè)效果講解完畢，接下來，就是見證奇跡的時(shí)刻！你做對(duì)了么？

作者：小樓