my.multiLevelSelect(Object)
说明:mPaaS 10.1.32 及以上版本支持该接口。
级联选择功能主要用于多级关联数据选择的业务场景,例如省市区的信息选择。
入参说明
名称 |
类型 |
必填 |
描述 |
title |
String |
否 |
标题 |
list |
JsonArray |
是 |
选择数据列表 |
success |
Function |
否 |
调用成功的回调函数 |
fail |
Function |
否 |
调用失败的回调函数 |
complete |
Function |
否 |
调用结束的回调函数(调用成功、失败都会执行) |
list 对象
名称 |
类型 |
必填 |
描述 |
name |
String |
是 |
条目名称 |
subList |
JsonArray |
否 |
子条目列表 |
出参说明
名称 |
类型 |
描述 |
success |
Boolean |
是否选择完成,取消则返回 false |
result |
JsonArray |
选择的结果,如 [{“name”:”杭州市”},{“name”:”西湖区”},{“name”:”古翠街道”}] |
代码示例
// 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)})
}
});
}
})