class Finfosoft.Selecter

NAME

自定义下拉菜单

ATTENTION

容器推荐宽高比： 无

OPTIONS

Name	Type	Necessary	Description	Default	Arguments
el	String	true	容器DOM选择器	-	-
initVal	Array	true	初始下拉菜单数据	-	-
layoutCount	Number	false	显示的下拉菜单个数	5	-
textIndent	Number	false	内容首字母/汉字缩进	30	-
itemHeight	Number	false	每个选项的高度	30	-
optionBg	String	false	下拉菜单初始背景色	'#ffe1b6'	-
barBg	String	false	滚动条的背景色	'#ee712b'	-
dragBg	String	false	滚动条滑块的背景色	'#8e3343'	-
unfload	Boolean	false	初始是否展开下拉菜单	false	-
onChanged	Function	false	选择改变回调	-	index,value

如果initVal.length为1，则初始下拉菜单内容默认为initVal[0]里对象的name值

如果initVal.length为2，则初始下拉菜单内容默认为initVal[0]里对象的initVal[1]对应的值

EXAMPLE

var data = [[
		{"name":"ss1","id":1,"device_name":'qwe'},
		{"name":"ss2","id":2,"device_name":'sgfd'},
		{"name":"ss3","id":3,"device_name":'fghj'},
		{"name":"ss4","id":4,"device_name":'xcvb'},
		{"name":"ss5","id":5,"device_name":'ASD'},
		{"name":"ss6","id":6,"device_name":'FGH'},
		{"name":"ss7","id":7,"device_name":'CXVB'},
		{"name":"ss8","id":8,"device_name":'dsa'},
		{"name":"ss9","id":9,"device_name":'FGqdsH'},
		{"name":"ss10","id":0,"device_name":'CXVdsB'}
	],"name"]
			
		
new Finfosoft.Selecter({
	el : "#test",                              
	initVal : data,
	layoutCount : 4,
	textIndent : 30,
	itemHeight : 30,
	optionBg : "#ffe1b6",
	barBg:"#ee712b",
	dragBg:"#8e3343",
	unfload : true,                              
	onChanged: function(index) {
		console.log("index ==" + index + "---" + typeof(index));			
	}
})

LIVE-DEMO

https://codefine.github.io/finfosoft/examples/Selecter.html