首页 > 其他 > 详细

framework7智能选择布局应用(smart-select)

时间:2020-06-23 16:58:46      阅读:141      评论:0      收藏:0      [点我收藏+]

一、静态智能选择布局:

只需要在<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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!