Multilevel select-Mobile Platform as a Service(mPaaS)-阿里云帮助中心

my.multiLevelSelect(Object)

Note

The multilevel selection interface is only supported in mPaaS 10.1.32 and later versions.

Multilevel selection is mainly used for selecting several levels of associated data, such as province, city and district.

Input parameters

Parameter	Type	Required	Description
title	String	No	Title
list	JsonArray	Yes	Selection data list
success	Function	No	Callback function upon call success.
fail	Function	No	Callback function upon call failure.
complete	Function	No	Callback function upon call completion (to be executed upon either call success or failure).

list objects

Parameter	Type	Required	Description
name	String	Yes	Entry name
subList	JsonArray	No	Sub-entry list.

Output parameters

Parameter	Type	Description
success	Boolean	Selection completed or not, returning false for cancellation.
result	JsonArray	Selection result, for example, `[{“name”:”Hangzhou”},{“name”:”Xihu District”},{“name”:”Gucui Subdistrict”}]`.

Code sample

// API-DEMO page/API/multi-level-select/multi-level-select.json
{
     "defaultTitle": "multilevel selector"
}

<!-- API-DEMO page/API/multi-level-select/multi-level-select.axml-->
<view class="page">
  <view class="page-description">multilevel selector API</view>
  <view class="page-section">
    <view class="page-section-title">my.multiLevelSelect</view>
    <view class="page-section-demo">
      <button type="primary" onTap="openMultiLevelSelect">multilevel selector</button>
    </view>
  </view>
</view>

// API-DEMO page/API/multi-level-select/multi-level-select.js
Page({
  openMultiLevelSelect() {
    my.multiLevelSelect({
        title: 'multilevel selector',//Title for multilevel selection
        list: [
        {
            name: "Hangzhou",//Entry name
            subList: [
                {
                    name: "Xihu District",
                    subList: [
                        {
                            name: "Gucui Subdistrict"
                        },
                        {
                            name: "Wenxin Subdistrict "
                        }
                    ]
                },
                {
                    name: "Shangcheng District",
                    subList: [
                        {
                            name: "Yan'an Subdistrict"
                        },
                        {
                            name: "Longxiangqiao Subdistrict"
                        }
                    ]
                }
            ]//sub-level data list
        }],//data list
        success:(res)=>{
            my.alert({title:JSON.stringify(res)})
        }
    });
  }
})