全部产品

级联选择

更新时间:2020-07-07 19:42:10

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”:”古翠街道”}]

代码示例

  1. // API-DEMO page/API/multi-level-select/multi-level-select.json
  2. {
  3. "defaultTitle": "多级联选择器"
  4. }
  1. <!-- API-DEMO page/API/multi-level-select/multi-level-select.axml-->
  2. <view class="page">
  3. <view class="page-description">多级联选择器 API</view>
  4. <view class="page-section">
  5. <view class="page-section-title">my.multiLevelSelect</view>
  6. <view class="page-section-demo">
  7. <button type="primary" onTap="openMultiLevelSelect">多级联选择器</button>
  8. </view>
  9. </view>
  10. </view>
  1. // API-DEMO page/API/multi-level-select/multi-level-select.js
  2. Page({
  3. openMultiLevelSelect() {
  4. my.multiLevelSelect({
  5. title: '多级联选择器',//级联选择标题
  6. list: [
  7. {
  8. name: "杭州市",//条目名称
  9. subList: [
  10. {
  11. name: "西湖区",
  12. subList: [
  13. {
  14. name: "古翠街道"
  15. },
  16. {
  17. name: "文新街道"
  18. }
  19. ]
  20. },
  21. {
  22. name: "上城区",
  23. subList: [
  24. {
  25. name: "延安街道"
  26. },
  27. {
  28. name: "龙翔桥街道"
  29. }
  30. ]
  31. }
  32. ]//级联子数据列表
  33. }],//级联数据列表
  34. success:(res)=>{
  35. my.alert({title:JSON.stringify(res)})
  36. }
  37. });
  38. }
  39. })