filter-api文檔

git地址：https://github.com/jiqianqin/filters

不斷優化中，歡迎加入討論～

filter-tags

效果圖：

 

參數	說明	格式	備註
data	展現的數據	[{ "key": "areaRange","desc": "面積（㎡）", "nodeList": [ {"key": 1,"desc": "50m²如下"}, {"key": 2,"desc": "50-70m²" }]  },{ "key": "toward","desc": "朝向", "nodeList": [ {"key": 1,"desc": "東" }, {"key": 2,"desc": "南"}] }]
sureBtn	肯定按鈕	sureBtn:"肯定"
resetBtn	清空按鈕	resetBtn:"清空選項"
selected	初始化選擇項	selected:{ areaRange:[1,3,5,7],toward[1,2]}
clickHandle	點擊具體的標籤	clickHandle:function(data){}	data爲這次點擊的數據。格式爲 { key:"1" , type:"areaRange" }
comfirm	點擊確認後觸發函數	comfirm:function(data){}	data爲全部的選中的數據 {"areaRange":["1","3","5","7"],"toward":["3","4"]}
multiselectEnable	是否支持多選	multiselectEnable:false	false:不支持多選 true：支持多選

 

filterSigle

效果圖

參數	說明	格式	備註
data	展現數據	data:[ {"key": null,"desc": "所有"}, {"key": 1,"desc": "100萬如下"}, {"key": 2,"desc": "100-150萬"}]
settingEnable	是否支持自定義
settingType	自定義的樣式	settingType:"interval"
settingTip	區間	settingTip:"區間"
placeholderLow	最低區間提示	placeholderLow:"最低區間"
placeholderHigh	最高區間提示	placeholderHigh:"最高區間"
sureBtn	肯定按鈕顯示	sureBtn:"肯定"
selected	初始化選擇的數據	如果單選，則傳遞字符串(對應要選中的值） selected:"2" 如果自定義的值，則傳遞數組 selected:[100,200]
clickHandle	點擊事件	clickHandle:function(data){}	data爲字符串，key的值
comfirm	點擊確認	comfirm:function(data){}	data:{ intervalLow:"上區間的值", intervalHigh:"下區間的值" }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

filterMultiple

效果圖

 

參數	說明	格式	備註
data	展現數據	data: [{"key": 1,"desc": "一室"}, {"key": 2,"desc": "二室", {"key": 3,"desc": "三室"}]
sureBtn	肯定按鈕展現文字	sureBtn:"肯定"
selected	初始化選擇的值	selected:[1,2]	key值爲1和2的會默認選中
comfirm	點擊確認按鈕後執行函數	comfirm:function(data){}	data:{ selectList: [1,2], selectFlag:0}; // selected:已經選擇的數據 //selectFlag 0:全不選 1:全選 2:部分選擇
selectAllEnable	是否支持全選	selectAllEnable:true	true：支持 false：不支持
selectAllTip	全選顯示字樣	selectAllTip:"所有"
selectAllHandle	點擊全選後觸發函數	selectAllHandle:function(){}
clickHandle	點擊每一項觸發函數	clickHandle：function(key){}	key:1(這次點擊的數)

 

filterGrade

效果圖

clickHandle

參數	說明	格式	備註
data	展現的數據	[{ key": null,  "desc": "所有",  "nodeList": [{"key": null,"desc": "所有"}] },{ "key": "310101","desc": "黃浦",  "nodeList": [ {"key": null, "desc": "所有"}, {"key": "HP01","desc": "董家渡"}, {"key": "HP02","desc": "打浦橋"} {"key": "HP04","desc": "黃浦濱江"}] }, { "key": "310104",  "desc": "徐匯",  "nodeList": [ { "key": null,"desc": "所有"}, { "key": "XH01","desc": "漕河涇"}, { "key": "XH02","desc": "長橋"}, { "key": "XH03","desc": "華東理工"}, { "key": "XH04","desc": "華涇"} ]},
level	顯示層級數目	level:2	最多爲3
clickHandle	點擊事件	clickHandle:function(){}
percent	展現的百分比，整行爲99	percent:[33,33,33]