中繼器系列(二):信息修改

44 評論 8836 瀏覽 37 收藏 5 分鐘

之前發(fā)布了《中繼器系列一:信息新增、刪除、簡單篩選》,少了一個信息的修改功能,于是抽時間完善一下。系統(tǒng)化的實現(xiàn)增刪改查的功能。

一、前期準備

  • 電腦:mac和win都可以(案例以win系統(tǒng)為例,mac類似)
  • 軟件:Axure 8.0
  • 熟練程度:中級(元件使用,函數(shù)調(diào)用)
  • 相關(guān)使用元件:矩形、按鈕、中繼器、文本框,多行文本框、下拉列表框。

二、整體效果展示

三、正文(制作過程)

思路:首先找到中繼器中對應(yīng)的行,在點擊編輯是獲取數(shù)據(jù)于彈框之上,在彈框上修改之后,數(shù)據(jù)變動錄入中繼器表格中。

詳細步驟一:點擊編輯,獲取中繼器數(shù)據(jù)于彈框

在獲取中繼器數(shù)據(jù)于彈框的過程中,難點在于一個性別的數(shù)據(jù)轉(zhuǎn)化,在表格中性別的數(shù)據(jù)為文本,但是在彈框中是下拉菜單。所以我們要有獲取焦點,通過判斷文本上的文字來轉(zhuǎn)化數(shù)據(jù)為下拉的選項。

    1. 鼠標點擊時給“編輯”字符獲取焦點
    2. 當“編輯”獲取焦點時,顯示彈框,調(diào)整動態(tài)面板為編輯,標記中繼器當前行(讓操作指導(dǎo)是那個行)。
    3. 給“性別”獲取焦點,方便后期判斷。
    4. 賦值給彈框上的‘姓名’、‘備注’。

  1. “性別”獲取焦點后,進行判斷,具體事件如下。(這里就是通過判斷條件給下拉框賦值)

詳細步驟二:彈框上的數(shù)據(jù)回綁

思路:在這里獲取數(shù)據(jù)后進行回綁就是相當于更新中繼器所選中的行。

  1. 判斷姓名是否未空,為空就需要提示,具體可以參考上一篇文章。
  2. 姓名不為空,我們就需要更新數(shù)據(jù),在中繼器中有更新行的這個功能。選擇這個功能進行數(shù)據(jù)的賦值。(這里是整個編輯的關(guān)鍵,大家一定要詳細去處理。)

在整體的賦值中可以利用局部變量的方式去進行賦值的轉(zhuǎn)移,例如:我在姓名中就給姓名賦值為name這個局部變量,然后通過中繼器獲取局部變量就可以進行數(shù)據(jù)的更新。

賦值

最后一步,檢查相關(guān)邏輯是否合理

  1. 注意點1:在利用焦點時,獲取焦點一定是一個先后順序的。
  2. 注意點2:在賦值的時候一定要注意所選的元件是不是正確元件(元件命名很重要,很重要,很重要)。
  3. 注意點3:細心處理每個環(huán)節(jié)。

好了,中繼器的增刪改查系列更新完了,后期會更新一些比較常用的組件。

感謝大家關(guān)注與支持。

 

本文由 @Brose 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 請教一下為什么要獲取“編輯”的焦點呢,直接寫成點擊事件不也可以實現(xiàn)嗎?

    來自上海 回復(fù)
    1. 實現(xiàn)方式有多種,當時用焦點,主要是按照我自己的思路便于處理(焦點,任何情況下只會存在一個)。

      來自四川 回復(fù)
    2. 那就是點擊“編輯”獲取焦點,然后立馬設(shè)置焦點為“性別”了,這樣會不會出現(xiàn)“編輯”的焦點事件沒有處理完,焦點就轉(zhuǎn)換了的情況呢

      來自上海 回復(fù)
    3. 在Axure中的處理機制是從前到后,所以正常情況下不會存在。除非先后順序設(shè)置的有問題。

      來自四川 回復(fù)
    4. 好的,謝謝大佬

      來自上海 回復(fù)
  2. 594012365@qq.com 大佬求個源文件 謝謝

    來自福建 回復(fù)
    1. 來自四川 回復(fù)
    2. 自行下載

      來自四川 回復(fù)
  3. 大佬,求發(fā)一個rp源件,870750724@qq.com 謝謝大佬!

    來自浙江 回復(fù)
    1. 最近會更新知個人官網(wǎng)sjjhyz.club

      來自四川 回復(fù)
  4. su.easy1103@163.com,把這5給中繼器專欄的rp文件發(fā)一下可否?

    來自廣東 回復(fù)
  5. 可以了,不用了,謝謝~~~

    來自廣東 回復(fù)
  6. name和remarks都獲取更新了,但還是沒法獲取sex的下拉框

    來自廣東 回復(fù)
  7. 你好,我在“更新行”里沒法獲取sex的下拉框。name和remarks的文本框可以獲取,但沒法更新呢,問題在哪?第二個問題,“更新行”下面有一個“取消標記全行”是啥意思?謝謝。

    來自廣東 回復(fù)
    1. sex=被選項,而不是原件文字;

      來自四川 回復(fù)
  8. 樓主辛苦啦,求源文件,感謝!562392661@qq.com

    來自廣東 回復(fù)
  9. 您好rp文件還有嗎,求發(fā)啊,謝謝1836195687@qq.com

    來自安徽 回復(fù)
  10. 大佬rp文件還有嗎,求發(fā)啊852173747@qq.com

    來自上海 回復(fù)
  11. 親,麻煩發(fā)下源文件,可以嗎?郵箱1030896039@qq.com

    回復(fù)
  12. 你好,按照樓主的兩篇文章做了,但是卡在利用焦點那里,中繼器一直用的很少,能否發(fā)我源文件比較一下?shenyy_celine@foxmail.com

    來自廣東 回復(fù)
  13. 大佬源文件還有嗎,求源文件啊1029691055@qq.com

    來自江蘇 回復(fù)
    1. 已發(fā)

      來自四川 回復(fù)
  14. 求樓主源文件,非常感謝,2096818905@qq.com

    來自上海 回復(fù)
  15. 求樓主源文件,935612434@qq.com

    來自北京 回復(fù)
  16. 大家可以先做,有什么卡住的環(huán)節(jié)可以郵箱聯(lián)系我:1242753998@qq.com

    來自四川 回復(fù)
  17. 求樓主源文件,非常感謝,237734@qq.com

    來自重慶 回復(fù)
  18. 求源文件,感謝!2548549833@qq.com

    來自江蘇 回復(fù)
  19. 辛苦樓主!求資源1207963464@qq.com

    來自北京 回復(fù)
    1. 已發(fā)

      來自四川 回復(fù)
  20. 求源文件,感謝!272484596@qq.com

    來自廣東 回復(fù)
    1. 已發(fā)

      來自四川 回復(fù)
  21. 忘了寫郵箱。874131935@qq.com

    來自湖北 回復(fù)
    1. 已發(fā)

      來自四川 回復(fù)
  22. 辛苦樓主,麻煩發(fā)下資源,想更深入學(xué)習下,方便排錯,謝謝!

    來自湖北 回復(fù)
  23. 大佬我也要,916746329@qq.com

    回復(fù)
    1. 已發(fā)

      回復(fù)
  24. 同求資源啊,樓主。1151867349@qq.com Thanks?(?ω?)?

    來自廣東 回復(fù)
    1. 已發(fā)郵箱

      來自四川 回復(fù)
  25. 求資源 ?? 2805674945@qq.com

    來自四川 回復(fù)
    1. 明天給你發(fā)郵箱

      回復(fù)
    2. 已發(fā)

      來自四川 回復(fù)
  26. 你好,中繼器一直是我的軟肋,好感謝你的文章分享,能否給我源文件參考?

    來自廣東 回復(fù)
    1. 留下郵箱,明天發(fā)

      回復(fù)
    2. 帥哥,你這5個的中繼器原型還有嗎,能不能發(fā)一下哦

      來自廣東 回復(fù)