Axure中繼器:實現「萬能」數據表模板的方法

看過很多關於中繼器的文章,但如果想要自己做一個,就要東搞西搞的,為了給很多“懶人”帶來方便,本文要介紹的是一款通過簡單修改,就可以滿足使用者需要的“萬能”表格。

Axure中继器:实现“万能”数据表模板的方法

先秀一下(美麗與否就靠各位看官自己的審美了),到底中繼器能做什麼:

  • 增、刪、改、查及排序;
  • page切換;
  • 每頁顯示數量切換;

當然還有最最重要的就是可以通過簡單的修改滿足您的需要。

中繼器介紹的文章太多了,命令實現什麼的就不贅述了,今天主要介紹的是如何通過簡單的修改可以滿足一些基本需求,而不需要大連的時間去重新開發。

1.修改每頁顯示條數

第一,在全局變量中修改perPageNum的Value。

Axure中继器:实现“万能”数据表模板的方法

第二,在中繼器的STYLE中修改Items per page和我們的全局變量相同。

第三,手動調整頁碼到合適的顯示位置。

第四,修改右下角每頁顯示條數的下拉框數據,將默認選中值等於perPageNum即可。

2.修改中繼器表格高度

  • 雙擊中繼器,進入修改所有矩形的高度;
  • 到全局變量中修改itemHigh為剛剛設置的高度;
  • 手動調整頁碼到合適的顯示位置。

3.列數不變,僅修改中繼器數據

選中中繼器,在PROPERTIES中對數據進行編輯,同時不要忘記將添加和列表標題的內容進行相應的調整。

Axure中继器:实现“万能”数据表模板的方法
Axure中继器:实现“万能”数据表模板的方法

4.列數調整

(1)在中繼器中添加列,並命名。

(2)添加及列表中增加字段,並命名。

(3)中繼器OnLoad、OnItemLoad命令中增加命令,設置新增列的value,新增幾個就設置幾個。

Axure中继器:实现“万能”数据表模板的方法

(4)【添加】按鈕中所有的case為Add Rows 命令,修改將什麼數據添加到中繼器的什麼字段中去。

Axure中继器:实现“万能”数据表模板的方法Axure中继器:实现“万能”数据表模板的方法

(5)【保存】按鈕(即添加按鈕)修改Update Rows命令,以及清空輸入框的命令。

Axure中继器:实现“万能”数据表模板的方法

(6)中繼器雙擊,修改【編輯】按鈕的將選中數據賦值給輸入框的命令。

Axure中继器:实现“万能”数据表模板的方法

5.添加數據為空的異常提示語

雙擊提示信息,修改提示語即可。

6.修改數據表單擊選中可編輯還是其他名錄選中可編輯

雙擊進入中繼器,拖拽block下面一段命令是在單擊的時候執行還是在鼠標移入的時候執行即可。

Axure中继器:实现“万能”数据表模板的方法

在最後附上Axure的獲取地址:https://pan.baidu.com/s/13HYmuTYkixKnAG_-wAehXg 密碼:skk7

本文由 @awei827 原創發佈於人人都是產品經理。未經許可,禁止轉載

題圖來自 Pexels ,基於 CC0 協議


分享到:


相關文章: