select weui 动态加载数据_weui中的picker使用js进行动态绑定数据问题

解决方案;　picker和Select组件是通过input标签绑定，可以先通过input的父级元素移除input标签，重新插入input标签，最后重新初始化picker或Select组件。

性别

js代码： $("#appl_sex").picker({

title: "请选择",

cols: [

{

textAlign: 'center',

values: ["1",'2']

}

onChange: function(p, v, dv) {

console.log(p, v, dv);

onClose: function(p, v, d) {

console.log("close");

}

});

$('#appl_sex').change(function () {

/*选择设备号后,根据当前设备号设置不同的摄像头选项,具体判断逻辑根据具体的项目而定*/

var val = $("#appl_sex").val();

if (val == "1") {

$("#box").empty();

$("#box").html("");

$("#camera").picker({

title: "请选择摄像头",

cols: [

{

textAlign: 'center',

values: ['前置摄像头']

}

]

});

} else {

$("#box").empty();

$("#box").html("");

$("#camera").picker({

title: "请选择摄像头",

cols: [

{

textAlign: 'center',

values: ['前置摄像头', '后置摄像头', '前+后摄像头']

}

]

});

}

});

ps：weui之Picker的使用教程

这个问题调试了很久，因为调用example.js时没问题，一移开就失效，一度觉得很诡异。

经过多次测试，才发现，是zepto.min.js的次序放错了，应该放到头部。

完整的代码：

WeUI

单列选择器

$('#showPicker').on('click', function () {

weui.picker([{

label: '飞机票',

value: 0

}, {

label: '火车票',

value: 1

}, {

label: '的士票',

value: 2

},{

label: '公交票 (disabled)',

disabled: true,

value: 3

}, {

label: '其他',

value: 4

}], {

onChange: function (result) {

console.log(result);

onConfirm: function (result) {

console.log(result);

}

});

总结

以上所述是小编给大家介绍的weui中的picker使用js进行动态绑定数据问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对聚米学院网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

select weui 动态加载数据_weui中的picker使用js进行动态绑定数据问题相关推荐

select weui 动态加载数据_浪尖以案例聊聊spark3的动态分区裁剪
动态分区裁剪,其实就牵涉到谓词下推,希望在读本文之前,你已经掌握了什么叫做谓词下推执行. SparkSql 中外连接查询中的谓词下推规则动态分区裁剪比谓词下推更复杂点,因为他会整合维表的过滤条件,生 ...
java实现动态加载jar包中的class（破坏双亲委派来实现）
背景最近在项目中在使用Drools来做规则,drools确实功能比较强大,但是学习成本也比较高,语法比较繁琐.我们项目是做的动态规则,用户可以通过上传jar包的方式来动态的再我们ruleengine ...
linux的笔画动态加载,关于Android中GestureOverlayView多笔画的问题
前段时间做了个事业单位稽查的项目,客户要求系统支持现场电子签名,由于做Android没多久,这个问题缠绕了我很长时间,现在终于完美解决这个问题了,现在把关键代码贡献给大家. 此代码关键的位置就在类中的 ...
如何在 InfoPath 2003 表单中动态加载数据
转自微软:http://support.microsoft.com/kb/896451/zh-cn 概要简介更多信息创建新的虚拟目录设计 Microsoft Office InfoPath 2 ...
Echarts使用及动态加载图表数据折线图X轴数据动态加载
Echarts简介 echarts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,来自百度...我想应该够简洁了使用Echarts 目前,就官网的文 ...
Android应用开发提高系列（4）——Android动态加载（上）——加载未安装APK中的类...
前言近期做换肤功能,由于换肤程度较高,受限于平台本身,实现起来较复杂,暂时搁置了该功能,但也积累了一些经验,将分两篇文章来写这部分的内容,欢迎交流! 关键字:Android动态加载声明欢迎转载, ...
android jar 加入图片,Android动态加载外部jar包及jar包中图片等资源文件
Android动态加载外部jar包及jar包中图片等资源文件 Android应用程序由Java开发,因此Java中许多实用的特性,在Android中也有体现.动态加载Class,也就是外部jar包,在 ...
[转]Android应用开发提高系列（4）——Android动态加载（上）——加载未安装APK中的类...
本文转自:http://www.cnblogs.com/over140/archive/2012/03/29/2423116.html 前言近期做换肤功能,由于换肤程度较高,受限于平台本身,实现起来 ...
Ext JS 4倒计时：动态加载和新的类系统
Today we're excited to release the first in a series of brand new features in Ext JS 4. Over the nex ...

select weui 动态加载数据_weui中的picker使用js进行动态绑定数据问题

select weui 动态加载数据_weui中的picker使用js进行动态绑定数据问题相关推荐

最新文章

热门文章