Ionic+cordova+angularJS 项目实现IPhone 下拉框滚动效果
方法一:
在index.html 引入如下文件
<link rel="stylesheet" href="../css/mui.min.css">
<link rel="stylesheet" type="text/css" href="../css/app.css" />
<link href="../css/mui.picker.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
<link href="../css/mui.poppicker.css" rel="stylesheet" />
<script src="js/muijs/mui.js"></script>
<script src="js/muijs/mui.picker.js"></script>
<script src="js/muijs/mui.dtpicker.js"></script>
<script src="js/muijs/mui.poppicker.js"></script>
然后在你当前画面添加如下代码
<button id='showUserPicker' class="mui-btn mui-btn-block" type='button' ng-click='ShowSelect();'>一级选择示例 ...</button>
$scope.ShowSelect=function(){
var userPicker = new mui.PopPicker();
userPicker.setData([{ value: 'ywj', text: '董事长 叶文洁' }, { value: 'aaa', text: '总经理 艾AA' }, {
value: 'lj',
text: '罗辑'
}, {
value: 'ymt',
text: '云天明'
}, {
value: 'shq',
text: '史强'
}, {
value: 'zhbh',
text: '章北海'
}, {
value: 'zhy',
text: '庄颜'
}, {
value: 'gyf',
text: '关一帆'
}, {
value: 'zhz',
text: '智子'
}, {
value: 'gezh',
text: '歌者'
}]);
userPicker.show(function(items) {
alert(JSON.stringify(items));
});
转载于:https://my.oschina.net/u/227828/blog/901763
Ionic+cordova+angularJS 项目实现IPhone 下拉框滚动效果相关推荐
- php下拉框选中效果,jquery模拟select下拉框效果
最近开发一网站的过程中碰到个需求,没有使用传统的select下拉框,而是使用了现代比较美观的一些元素设计了一个下拉框.对于这种东东,第一反应就是使用jquery来模拟了,还好,网上找了下,很快就找到了 ...
- 【学亮IT手记】angularJS select2多选下拉框实例
永远保持对大部分知识的好奇心,学习从不枯燥,也没有被逼学习一说,乐此不疲才是该有的心态和境界!!! 引入相关js库: html部分代码: angularJS定义数据源变量: 更多专业前端知识,请上 ...
- 移动端日期选择,下拉框选择效果
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>WeU ...
- 【项目实战】select+input实现下拉框左右选择+模糊查询功能
前言: 在项目中用遇到下拉框左右选择的需求,而easyui没有找到合适的插件,就想着用listbox来实现,但后来针对这个项目中没有想到合适的办法(ps:大家有了可以推荐哟),从网上看了一些demo, ...
- jquery ajax下拉联动,jQuery Ajax MVC 下拉框联动
无刷新下拉框联动方法: Controllers代码 public JsonResult DH_Change(string DH_ID) { List TeamLeaderList = FinanceD ...
- 2018最新版省市区三级联动下拉框+所有源代码以及数据库
2018年国家统计局最新数据,JSP+Servlet+Dao实现省市区三级联动下拉框的效果 DropdownDAO.java -–Dao层 package com;import java.sql.Co ...
- layui select下拉框联动
背景:涉及到 省市县获取的项目必有下拉框三级联动,每次都需要百度查询,或者去翻原来的项目,着实不方便.因此,为了自己对三级联动的印象加深,同时也帮助第一次接触下拉框三级联动的小伙伴快速上道,总结一下该 ...
- 级联查询ajax,Jquery+Ajax下拉框级联查询
Jquery代码 $(function(){ //提交事件 $("#ImageButton1").click(function(){ //省Id var provinceId=$( ...
- DevExpress的下拉框控件LookUpEdit的使用、添加item选项值、修改默认显示值
场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...
最新文章
- 博客园HTML源码运行特制js(原创自Zjmainstay)
- 是什么动词_动词后面跟什么词?答案笑喷...
- fseek linux 大文件_一文搞懂Linux系统开发
- mysql按升序创建索引_Mysql中的降序索引底层实现
- 一文总结排序模型CTR点击率预估
- 如何在Android Wear上节省电池寿命
- Linux中强大的输入输出重定向和管道
- Visual Studio 2015 自动生成 的大文件xxx.vc.db的删除问题
- JAVA_MyEclipse常见配置NETGEAR路由器如何设置
- 【iOS开发】更改App图标下方显示的名称
- python读取npy文件_python – 如何在磁盘上创建一个numpy .npy文件?
- Unity3D物理渲染算法研究【PBR】
- Python爬虫之字体解密 | 以滑雪为例演示大众点评商铺信息采集
- 微信头像添加圣诞帽源码
- ipad协议835最新版
- python的curses模块使用
- Linux防火墙的关闭
- 营销费用的预算管理原则和模式
- 苹果原生二维码扫描器
- 2021-10-4Bootstrap
热门文章
- 食醋详细 酿造工艺、等级划分、国家标准号和注意事项
- Mybatis搞两下(sqlsession,动态代理)
- sys/types.h,sys/stat.h与fcntl.h的作用
- 周鸿祎:一个好团队不要超过3个人[联络易]
- 计算机夏令营英语怎么说,夏令营用英语怎么说?
- 论文阅读5 | Recent Advances in Data-Driven Wireless Communication Using Gaussian Processes: A Comprehens
- 数据库管理系统的层次结构--语言处理层
- 谁小时候没有计算机课,你的童年电脑记忆里有它们吗?
- 数据分析---众包任务
- SQL语句学习(自学记录)