axure製作表單查詢

Axure的版本8.0

一、實現的功能及展示效果:對錶格數據的查詢;

二、元件搭配

1、輸入框;

2、中繼器;

3、標籤;

三、實現邏輯
1、搜索框內的文字長度大於等於1,並且搜索的文字能夠模糊匹配表格中的姓名,顯示匹配的數據;
2、搜索框內的文字長度小於1,將表格數據完整的顯示;

四、操作步驟
1、拖入相關組件並設置好中繼器的數據內容;

設置中繼器的第一列顯示id,第二列顯示姓名;

2、搜索框內的文字長度大於等於1,並且搜索的文字能夠模糊匹配表格中的姓名,顯示匹配的數據;

設置事件觸發條件,搜索框內的文字長度大於等於1;

給中繼器增加過濾器

設置過濾規則

3、搜索框內的文字長度小於1,將表格數據完整的顯示;

給輸入框增加事件觸發規則,搜索框內的文字長度小於1;

移除掉中繼器過濾器;

至此表單檢索功能製作完成;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章