Axure中繼器:實現“萬能”數據表模板的方法
看過很多關于中繼器的文章,但如果想要自己做一個,就要東搞西搞的,為了給很多“懶人”帶來方便,本文要介紹的是一款通過簡單修改,就可以滿足使用者需要的“萬能”表格。
先秀一下(美麗與否就靠各位看官自己的審美了),到底中繼器能做什么:
- 增、刪、改、查及排序;
- page切換;
- 每頁顯示數量切換;
當然還有最最重要的就是可以通過簡單的修改滿足您的需要。
中繼器介紹的文章太多了,命令實現什么的就不贅述了,今天主要介紹的是如何通過簡單的修改可以滿足一些基本需求,而不需要大連的時間去重新開發。
1.修改每頁顯示條數
第一,在全局變量中修改perPageNum的Value。
第二,在中繼器的STYLE中修改Items per page和我們的全局變量相同。
第三,手動調整頁碼到合適的顯示位置。
第四,修改右下角每頁顯示條數的下拉框數據,將默認選中值等于perPageNum即可。
2.修改中繼器表格高度
- 雙擊中繼器,進入修改所有矩形的高度;
- 到全局變量中修改itemHigh為剛剛設置的高度;
- 手動調整頁碼到合適的顯示位置。
3.列數不變,僅修改中繼器數據
選中中繼器,在PROPERTIES中對數據進行編輯,同時不要忘記將添加和列表標題的內容進行相應的調整。
4.列數調整
(1)在中繼器中添加列,并命名。
(2)添加及列表中增加字段,并命名。
(3)中繼器OnLoad、OnItemLoad命令中增加命令,設置新增列的value,新增幾個就設置幾個。
(4)【添加】按鈕中所有的case為Add Rows 命令,修改將什么數據添加到中繼器的什么字段中去。
(5)【保存】按鈕(即添加按鈕)修改Update Rows命令,以及清空輸入框的命令。
(6)中繼器雙擊,修改【編輯】按鈕的將選中數據賦值給輸入框的命令。
5.添加數據為空的異常提示語
雙擊提示信息,修改提示語即可。
6.修改數據表單擊選中可編輯還是其他名錄選中可編輯
雙擊進入中繼器,拖拽block下面一段命令是在單擊的時候執行還是在鼠標移入的時候執行即可。
在最后附上Axure的獲取地址:https://pan.baidu.com/s/13HYmuTYkixKnAG_-wAehXg 密碼:skk7
本文由 @awei827 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Pexels ,基于 CC0 協議
要想Ax用的好,主要還是要精通中繼器和里面的函數吧,順帶懂點Js更好
中繼器確實很強大 ??
一個刷新,全都白弄了
刷新是重新從rp文件中重新加載所有數據。這個我看看能不能想到辦法,可以保存到rp文件中