拖拽一个12的布局，在元素中搜索“获取城市数据元素”并插入。将行转化为层，并命名为city。

元素可获得以下信息：

"webpage_citydata":{
"data":[{
  "code": "110000",
  "name": "北京市",
  "children": [{
    "code": "110101",
    "name": "东城区"
  }, {
    "code": "110102",
    "name": "西城区"
  }, {
    "code": "110105",
    "name": "朝阳区"
  }, {
    "code": "110106",
    "name": "丰台区"
  }, {
    "code": "110107",
    "name": "石景山区"
  }, {
    "code": "110108",
    "name": "海淀区"
  }, {
    "code": "110109",
    "name": "门头沟区"
  }, {
    "code": "110111",
    "name": "房山区"
  }, {
    "code": "110112",
    "name": "通州区"
  }, {
    "code": "110113",
    "name": "顺义区"
  }, {
    "code": "110114",
    "name": "昌平区"
  }, {
    "code": "110115",
    "name": "大兴区"
  }, {
    "code": "110116",
    "name": "怀柔区"
  }, {
    "code": "110117",
    "name": "平谷区"
  }, {
    "code": "110228",
    "name": "密云县"
  }, {
    "code": "110229",
    "name": "延庆县"
  }]
},{
...
}],
"A":[ //绑定属性`data--initialsort`时存在按首字母分组的数据
"阿拉善盟",
"鞍山市",
"安庆市",
"安阳市",
"阿坝藏族羌族自治州",
"安顺市",
"阿里地区",
"安康市",
...
]
}

(1)直接获取城市数据：

在需要显示城市的位置添加数组绑定，绑定变量为：webpage_citydata.data()   。在子元素上添加文本内容绑定，绑定变量为：name  。例如用列表来显示，即在<ul>标签上绑定webpage_citydata.data()  ，在<li>列表上绑定文本内容绑定：name。如下图：

<ul>上：

<li>上：

(2)获取首字母a开头的城市：

设置方式与直接获取相同，注意在添加绑定变量webpage_citydata.data()时替换为webpage_citydata.A()  。同理，获取首字母为B，C，D......的绑定webpage_citydata.B()  、webpage_citydata.C()   、webpage_citydata.D()  即可。