微信小程序循环赋值坑
来源:互联网 发布:深信服广域网优化 编辑:程序博客网 时间:2024/05/29 10:55
最近在弄微信小程序,类似于共享单车用来练练手,基本原理就是小程序发送经纬度给服务器,服务器从数据库中检索经纬度附近的单车传给小程序。
就在这里。。没错就是这里,传回来的值是以jsonarray格式传过来的。
我需要将jsonarray进行解析获取经纬度,ID等车辆信息,然后赋值给小程序地图上的mark,一般我的思路时直接用个for循环给每个mark进行赋值然后再Setdata一下就ok,
结果没想到小程序setData()设置数组对象的某个元素的属性时根本没用。。。。。
然后百度一会儿找到了方法 http://blog.csdn.net/hicoldcat/article/details/53967334
/////////////////////////////////////////////////
最近在使用微信小程序的setData时,遇到了以下问题。如下:
官网文档在使用setData()设置数组对象的某个元素的属性时,是这么使用的:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
使用了 ‘array[0].text’ : ‘changed data’ 这样的值。但在实际使用中,我们对数组的中的某个元素的设置是动态的。即 我们通常应该是‘array[‘+index+’].text’ : ‘changed data’ ,其中index应该是一个动态的数字。但显然,这样是无法使用在对象的key中的。
所以,我只能使用了一个变通的方法。如下:
/////////////////////////////////////////////////////////////////////////////这个每个属性都需要来一次。。。
不知道是我没找到更好的方法还是怎样,我的强迫症都出来了。。
下面就是我的代码。。。
markers: {
iconPath: "/picture/bike.png",
id: 0,
latitude: 23.099994,
longitude: 113.324520,
width: 50,
height: 50
}
这是markers类结构,我为了赋值写了这么多。。
for(var i = 0; i < res.data.length; i++){
// that.data.markers[i].id=i;
// mark.id=i;
var param = {};
var string = "markers["+i+"].id";
param[string] = res.data[i].Bike_id;
that.setData(param);
var string="markers["+i+"].iconPath";
param[string] ="/picture/bike.png";
that.setData(param);
var string = "markers["+i+"].latitude";
param[string] = res.data[i].BIKE_latitude;
that.setData(param);
var string = "markers["+i+"].longitude";
param[string] = res.data[i].BIKE_longitude;
that.setData(param);
var string = "markers["+i+"].width";
param[string] = 50;
that.setData(param);
var string = "markers["+i+"].height";
param[string] = 50;
that.setData(param);
/* that.setData({
markers:[{
iconPath: "/picture/bike.png",
id: 0,
latitude: 23.099994,
longitude: 113.324520,
width: 50,
height: 50
}]
})*/
}
// console.log(res.data[1])
var markk=that.data.markers;
that.setData({markers:markk})
最后还必须setData一下,不然地图不会刷新。。
如果QT瞬间弄好,真的麻烦。。。。。。。。。。。。。
- 微信小程序循环赋值坑
- 循环赋值
- 微信小程序循环数据
- 循环往数组赋值
- 循环给数组赋值
- C# 循环赋值
- 控件数组 循环赋值
- VBA-循环赋值CheckBox
- AMR 循环赋值
- shell--赋值,判断,循环
- 如何运用循环赋值
- option 循环赋值
- 微信小程序input批量赋值(setData)
- 循环嵌套里关于赋值的小坑
- 微信小程序wx:for循环
- 微信小程序循环请求api
- 微信小程序循环:Wx:for
- 关于循环查询 循环赋值的笔记
- 操作系统实验五之线程生成Fibonacci数列
- 5-2 根据后序和中序遍历输出先序遍历 (25分)
- Java编程思想-13字符串
- 5-3 树的遍历 (25分)
- SSM搭建总结
- 微信小程序循环赋值坑
- 使用脚本拷贝官方的 Material Design 图标到自己的 Android App 项目
- Springboot @RequestBody + Retrofit @Body 之实体类字段含有日期Date类型的提交方式
- Hibernate_映射_关联关系_一对一映射3_基于主键的方式
- 【LeetCode】2.Add Two Numbers两个单链表相加
- gcc LD_LIBRARY_PATH和LIBRARY_PATH区别
- 复数类
- 152.n1-使用ViewPager实现引导页
- Learn Emacs in 21 Days: day 5 学习笔记