sencha Touch 省市区三级联动滚轮效果选择器
来源:互联网 发布:远程网络教育入学考试 编辑:程序博客网 时间:2024/06/15 16:24
话不多说,直接上源码
Ext.Viewport.add({ xtype: 'picker', baseCls:'picker-baseCls', doneButton: { baseCls:'picker-btntext', text: '<div style="color:#00CCCB">完成</div>' }, cancelButton: { baseCls:'picker-btntext',//自定义Btn样式 text: '取消' }, toolbar:{ style:'background-color:#fff;background-image: none;border-bottom-color:#D9D9D9;' }, defaults: { flex: 1, style:'border-color:#fff' }, slots: [ { name : 'province', itemId: 'sub_province', title: '省', data:provinceAry }, { name : 'city', itemId: 'sub_city', title: '市', data : cityAy }, { name : 'area', title: '区', itemId: 'sub_area', data : areaAy } ], listeners:{ pick:function(view, value, oldValue, eOpts){ //滚动选择picker触发该方法 }, change:function(btn, value, eOpts){ //监听doneBtn按下 }, show:function(e,eOpts){ //当picker显示触发该方法}, cancel:function(e,eOpts){
//当picker显示触发该方法
}
}
});
}
this.addressPicker.show();
最后上一张最终效果图,其实挺简单的,希望对大家会有帮助
0 1
- sencha Touch 省市区三级联动滚轮效果选择器
- 省市区三级联动城市选择器(仿iOS滚轮实现)
- 安卓学习笔记---Android-PickerView实现 3D滚轮效果(时间选择器、省市区三级联动,单项选择效果)
- Android省市区三级联动滚轮选择
- 自定义 省市区三级联动 效果
- Android 地址选择器,实现省市区三级联动
- Android_全国省市区-三级联动 时间选择器
- Android 地址选择器,实现省市区三级联动
- 一秒集成省市区三级联动选择器
- 移动端省市区三级联动选择器
- Android省市区三级联动滚轮选择——Cascade_Master
- Android省市区三级联动滚轮选择(无Bug) .
- Android省市区三级联动滚轮控件,使用本地数据库数据
- 高仿iOS 滚轮实现 省市区 城市选择三级联动
- Android实现省市区三级联动效果
- 省市区三级联动效果PHP版本
- Android实现省市区三级联动效果Spinner
- 一秒集成 省市区三级联动选择器-CityPickerView
- 机器学习总结9_未完待续
- 专题四1004
- 射频电容电感选择
- http://blog.csdn.net/liuhe688/article/details/6733407
- 【android】:android设计网站
- sencha Touch 省市区三级联动滚轮效果选择器
- Spring之旅
- thinkphp3.2【开发、生产模式】
- Python+MongoDB自增键值的实现
- iOS文字样式处理总结(字体、前背景色、斜体、加粗、对齐、行间距、段间距、动态获取字符串label宽高等)
- httpUrlConnection的参数详解
- selenium(java)浏览器多窗口切换处理
- openlayers3中polygon上添加icon
- Java多线程编程