一、静态智能选择布局:
只需要在<select>上面加<smart-select>类就可以形成智能选择列表
带有搜索栏的智能选择--在App初始化时使用smartSelectsearchbar:true来启动它
在弹窗窗口打开--在App初始化时使用smartSelectopenIn:"popup"|可以用data-open-in=“popup”打开这个页面
在选择器中打开--App初始化时使用smartSelectopenIn:"picker"|可以用data-open-in="picker"
可以用选择器打开
多重选择和选择组:在<select>标签里添加multiple
多重选择最长长度:可以在<select>标签里添加maxlength的属性来限制选中的项目的数量
二、动态添加选项
在js中添加:
myApp.smartSelectAddOption(select,optionHTML,index)添加选项以在指定索引处选择
select--html元素或者字符串(必须)
optionHTML-字符串与选项的HTML的补充
添加一个option
myApp.smartSelectAddOption(‘.smart-select select‘,‘<option value="apple">Apple</option>‘);
添加新的option到第一个组
myApp.smartSelectAddOption(‘.smart-select select‘,‘<option value=‘apple‘ selected>Apple</option>‘
添加新的option到第二个组
myApp.smartSelectAddOption($$(‘.smart-select select optigroup‘).eq(1),‘<option value="apple">Apple</option>‘,0);
framework7智能选择布局应用(smart-select)
原文:https://www.cnblogs.com/yrxl/p/13182819.html