全部产品

my.multiLevelSelect(带客户端实现)

级联选择功能,主要用于选择多级关联数据,比如省市区的信息选择。

示例代码

// API-DEMO page/API/multi-level-select/multi-level-select.json
{
     "defaultTitle": "多级联选择器"
}

<!-- API-DEMO page/API/multi-level-select/multi-level-select.axml-->
<view class="page">
  <view class="page-description">多级联选择器 API</view>
  <view class="page-section">
    <view class="page-section-title">my.multiLevelSelect</view>
    <view class="page-section-demo">
      <button type="primary" onTap="openMultiLevelSelect">多级联选择器</button>
    </view>
  </view>
</view>

// API-DEMO page/API/multi-level-select/multi-level-select.js
Page({
  openMultiLevelSelect() {
    my.multiLevelSelect({
        title: '多级联选择器',//级联选择标题
        list: [
        {
            name: "杭州市",//条目名称
            subList: [
                {
                    name: "西湖区",
                    subList: [
                        {
                            name: "古翠街道"
                        },
                        {
                            name: "文新街道"
                        }
                    ]
                },
                {
                    name: "上城区",
                    subList: [
                        {
                            name: "延安街道"
                        },
                        {
                            name: "龙翔桥街道"
                        }
                    ]
                }
            ]//级联子数据列表
        }],//级联数据列表
        success:(res)=>{
            my.alert({title:JSON.stringify(res)})
        }
    });
  }
})

入参

入参为 Object 类型,属性如下:

属性类型必填描述
titleString标题。
listJsonArray选择数据列表。
nameString条目名称。
subListJsonArray子条目列表。
successFunction调用成功的回调函数。
failFunction调用失败的回调函数。
completeFunction调用结束的回调函数(调用成功、失败都会执行)。

success 回调函数

入参为 Object 类型,属性如下:

属性类型描述
successBoolean是否选择完成,取消返回 false。
resultJsonArray选择的结果,如[{“name”:”杭州市”},{“name”:”上城区”},{“name”:”古翠街道”}]。