apicloud中实现省市区三级联动
1.导入模块UIActionSelector
2.调用方法
function fnopen() {
var UIActionSelector = api.require(‘UIActionSelector’);
UIActionSelector.open({
datas: ‘widget://res/city.json’,
layout: {
row: 5,
col: 3,
height: 30,
size: 12,
sizeActive: 14,
rowSpacing: 5,
colSpacing: 10,
maskBg: ‘rgba(0,0,0,0.2)’,
bg: ‘#fff’,
color: ‘#888’,
colorActive: ‘#f00’,
colorSelected: ‘#f00’
},
animation: true,
cancel: {
text: ‘取消’,
size: 12,
w: 90,
h: 35,
bg: ‘#fff’,
bgActive: ‘#ccc’,
color: ‘#888’,
colorActive: ‘#fff’
},
ok: {
text: ‘确定’,
size: 12,
w: 90,
h: 35,
bg: ‘#fff’,
bgActive: ‘#ccc’,
color: ‘#888’,
colorActive: ‘#fff’
},
title: {
text: ‘请选择’,
size: 12,
h: 44,
bg: ‘#eee’,
color: ‘#888’
},
fixedOn: api.frameName
}, function(ret, err) {
console.log(JSON.stringify(err));
console.log(JSON.stringify(ret));
if (ret) {
console.log(JSON.stringify(ret));
UIActionSelector.getActive(function(ret, err) {
if (ret) {
var pro=JSON.stringify(ret.level1);
pro=pro.substring(1,pro.length-1);
var city=JSON.stringify(ret.level2);
city=city.substring(1,city.length-1);
var x=JSON.stringify(ret.level3);
x=x.substring(1,x.length-1);
document.getElementById(“address”).value=pro+" “+city+” "+x;
}
});
}
});
}
3.city.json文件
由于文件太长,我已经上传了该json文件
,下载地址为:
https://download.csdn.net/download/tqftqf136/11644451