首页 > 代码库 > filter-api文档

filter-api文档

2024-09-04 16:41:50   220人阅读

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

不断优化中，欢迎加入讨论～

filter-tags

效果图：

技术分享 

参数说明格式备注
data
 展示的数据

[{ "key": "areaRange","desc": "面积（㎡）",

"nodeList": [

{"key": 1,"desc": "50m2以下"},

{"key": 2,"desc": "50-70m2" }]

 },{

"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:"确定"
   
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:"确定"


 






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]


 






 


 


 


 
filter-api文档






























        

            
                
                  
                
                

                    联系

                    我们