##select下拉框ui
~~~
js代碼
~~~
~~~
wjSystem.sysUi({
select:{
sync:{
placeholder:"請選擇下拉框",
filter:true,
items: [{
text: '項目一',
value: 1
}, {
text: '項目二',
value: 2
}, {
text: '項目三',
value: 3
}, {
text: '項目四',
value: 4
}]
},
on:{
change:function (item,prevItem) {
console.log(item,prevItem);
}
}
},
select2:{
sync:{
items: [
{
text: '10-20',
value: 1,
icon: 'Static/Images/demo/1.png'
}, {
text: '21-30',
value: 2,
icon: 'Static/Images/demo/2.png'
}, {
text: '31-40',
value: 3,
icon: 'Static/Images/demo/3.png'
}, {
text: '41-50',
value: 4,
icon: 'Static/Images/demo/4.png'
}
],
icon:true,
placeHolder: '請選擇價位',
selectedItem: {
text: '31-40',
value: 3
}
}
}
});
~~~
~~~
模板視圖部分
~~~
~~~
<sys-ui data="select" name="select"></sys-ui>
<sys-ui data="select2" name="select"></sys-ui>
~~~
