小程序选择器展现树形表结构数据

树形结构以地区为例，省市区三级联动。这里为什么不用现成的组建呢，因为客户的业务范围比较小（黑人脸）。

我这里写成了一个组件。

wxml：

wxss：

.well-text{
  height: 60rpx;
  border-bottom: 1px solid #d7dce0;
  box-sizing: border-box;
}

js：

// pages/template/region.js
var appInstance = getApp();

//获取客户地区
var GetKHDQ = function (that) {
  appInstance.post(
    "SYS_DOOPENDATA", [{
      "TYPE": "OPEN",
      "TABLENAME": "KHDQ",
      "FIELDNAME": "KHDQ_DQID, KHDQ_DQMC, KHDQ_MJBZ, KHDQ_FDQID",
      "WHERE": "",
      "ORDER": "KHDQ_DQID"
    }],
    function (res) {
      if (res.data[0].RESULT == 'Y') {
        // console.log(res.data);
        var AreaJson = [];
        var tprovince = [];var tprovinceid = [];
        var tcity = [];var tcityid = [];
        var tarea = [];var tareaid = [];
        for(var i = 1; i

json：

{

"usingComponents": {}

}

 

组件引用根据你的实际情况来。

组件调用方式文档里很详细。