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

最新推荐文章于 2025-04-02 16:43:01 发布

啊大彤

最新推荐文章于 2025-04-02 16:43:01 发布

阅读量2.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html 小程序文章标签：微信小程序选择器树形结构

本文链接：https://blog.youkuaiyun.com/datong_csdn/article/details/90547980

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

我这里写成了一个组件。

wxml：

<view class="section">
  <picker mode="multiSelector" bindchange="PickerChange" bindcolumnchange="ColumnChange" value="{
  {multiIndex}}" range="{
  {multiArray}}">
    <input class='well-text' type='text' placeholder='点击选择地区' value='{
  {region}}' disabled='true'></input>
  </picker>
</view>

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