中繼器系列(二):信息修改
之前發(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ù)為下拉的選項。
-
- 鼠標點擊時給“編輯”字符獲取焦點
- 當“編輯”獲取焦點時,顯示彈框,調(diào)整動態(tài)面板為編輯,標記中繼器當前行(讓操作指導(dǎo)是那個行)。
- 給“性別”獲取焦點,方便后期判斷。
- 賦值給彈框上的‘姓名’、‘備注’。
- “性別”獲取焦點后,進行判斷,具體事件如下。(這里就是通過判斷條件給下拉框賦值)
詳細步驟二:彈框上的數(shù)據(jù)回綁
思路:在這里獲取數(shù)據(jù)后進行回綁就是相當于更新中繼器所選中的行。
- 判斷姓名是否未空,為空就需要提示,具體可以參考上一篇文章。
- 姓名不為空,我們就需要更新數(shù)據(jù),在中繼器中有更新行的這個功能。選擇這個功能進行數(shù)據(jù)的賦值。(這里是整個編輯的關(guān)鍵,大家一定要詳細去處理。)
在整體的賦值中可以利用局部變量的方式去進行賦值的轉(zhuǎn)移,例如:我在姓名中就給姓名賦值為name這個局部變量,然后通過中繼器獲取局部變量就可以進行數(shù)據(jù)的更新。
最后一步,檢查相關(guān)邏輯是否合理
- 注意點1:在利用焦點時,獲取焦點一定是一個先后順序的。
- 注意點2:在賦值的時候一定要注意所選的元件是不是正確元件(元件命名很重要,很重要,很重要)。
- 注意點3:細心處理每個環(huán)節(jié)。
好了,中繼器的增刪改查系列更新完了,后期會更新一些比較常用的組件。
感謝大家關(guān)注與支持。
本文由 @Brose 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
評論
請教一下為什么要獲取“編輯”的焦點呢,直接寫成點擊事件不也可以實現(xiàn)嗎?
實現(xiàn)方式有多種,當時用焦點,主要是按照我自己的思路便于處理(焦點,任何情況下只會存在一個)。
那就是點擊“編輯”獲取焦點,然后立馬設(shè)置焦點為“性別”了,這樣會不會出現(xiàn)“編輯”的焦點事件沒有處理完,焦點就轉(zhuǎn)換了的情況呢
在Axure中的處理機制是從前到后,所以正常情況下不會存在。除非先后順序設(shè)置的有問題。
好的,謝謝大佬
594012365@qq.com 大佬求個源文件 謝謝
https://www.fuzuobiao.com/proview/5eedcf3cd2777a2f9c328a34
自行下載
大佬,求發(fā)一個rp源件,870750724@qq.com 謝謝大佬!
最近會更新知個人官網(wǎng)sjjhyz.club
su.easy1103@163.com,把這5給中繼器專欄的rp文件發(fā)一下可否?
可以了,不用了,謝謝~~~
name和remarks都獲取更新了,但還是沒法獲取sex的下拉框
你好,我在“更新行”里沒法獲取sex的下拉框。name和remarks的文本框可以獲取,但沒法更新呢,問題在哪?第二個問題,“更新行”下面有一個“取消標記全行”是啥意思?謝謝。
sex=被選項,而不是原件文字;
樓主辛苦啦,求源文件,感謝!562392661@qq.com
您好rp文件還有嗎,求發(fā)啊,謝謝1836195687@qq.com
大佬rp文件還有嗎,求發(fā)啊852173747@qq.com
親,麻煩發(fā)下源文件,可以嗎?郵箱1030896039@qq.com
你好,按照樓主的兩篇文章做了,但是卡在利用焦點那里,中繼器一直用的很少,能否發(fā)我源文件比較一下?shenyy_celine@foxmail.com
大佬源文件還有嗎,求源文件啊1029691055@qq.com
已發(fā)
求樓主源文件,非常感謝,2096818905@qq.com
求樓主源文件,935612434@qq.com
大家可以先做,有什么卡住的環(huán)節(jié)可以郵箱聯(lián)系我:1242753998@qq.com
求樓主源文件,非常感謝,237734@qq.com
求源文件,感謝!2548549833@qq.com
辛苦樓主!求資源1207963464@qq.com
已發(fā)
求源文件,感謝!272484596@qq.com
已發(fā)
忘了寫郵箱。874131935@qq.com
已發(fā)
辛苦樓主,麻煩發(fā)下資源,想更深入學(xué)習下,方便排錯,謝謝!
大佬我也要,916746329@qq.com
已發(fā)
同求資源啊,樓主。1151867349@qq.com Thanks?(?ω?)?
已發(fā)郵箱
求資源 ?? 2805674945@qq.com
明天給你發(fā)郵箱
已發(fā)
你好,中繼器一直是我的軟肋,好感謝你的文章分享,能否給我源文件參考?
留下郵箱,明天發(fā)
帥哥,你這5個的中繼器原型還有嗎,能不能發(fā)一下哦