Files
miniprogram-picker/tools/demo/pages/index/index.wxml

45 lines
1.8 KiB
Plaintext
Raw Normal View History

2018-12-12 20:43:54 +08:00
<!-- 多级联动 -->
<!--
2018-12-13 17:56:19 +08:00
sourceData: 源数组,格式必须为数组和对象的集合,参考示例
2018-12-14 11:48:38 +08:00
steps: 多级联动的阶数默认为1
2018-12-13 17:56:19 +08:00
shownFieldName: 多级联动展示数据的字段名称默认为name
subsetFieldName: 多级联动的子节点的字段名称默认为subset
otherNeedFieldsName: 若需要额外返回其他字段的数据可以设置otherFields为数组参考示例
autoSelect: 初始化时自动选择每列的第0项返回给开发者。
initColumnSelectedIndex: 选择了第n列后是否将大于n的列的自动初始化第0个(滚动至最上层)
defaultIndex: 默认选中项的下标数组优先于defaultValue
defaultValue: 默认选中项的值数组此字段生效时defaultValueUniqueField必填
defaultValueUniqueField: 默认选中项的值数组的唯一字段,用来和源数组进行比对
2018-12-12 20:43:54 +08:00
bindchange: 回调函数,参考示例
-->
<comp
2018-12-14 11:48:38 +08:00
sourceData="{{sourceData_1}}"
steps="{{3}}"
shownFieldName="{{'name'}}"
subsetFieldName="{{'sonValue'}}"
otherNeedFieldsName="{{['id', 'other']}}"
defaultValue="{{[{name: '2'}, {name: '2.2'}, {name: '2.2.1'}]}}"
defaultValueUniqueField="{{'name'}}"
autoSelect="{{true}}"
2018-12-13 17:56:19 +08:00
initColumnSelectedIndex
2018-12-14 11:48:38 +08:00
bindchange="pickerChange_1">
2018-12-12 20:43:54 +08:00
<view class="picker">
2018-12-14 11:48:38 +08:00
当前选择:<view wx:for="{{result_1}}" wx:key="index">{{item['name']}}</view>
</view>
</comp>
<comp
sourceData="{{sourceData_2}}"
steps="{{2}}"
shownFieldName="{{'name'}}"
subsetFieldName="{{'nextLevel'}}"
otherNeedFieldsName="{{['code']}}"
defaultValue="{{[{code: '0110'}, {code: '011002'}]}}"
defaultValueUniqueField="{{'code'}}"
autoSelect="{{true}}"
initColumnSelectedIndex
bindchange="pickerChange_2">
<view class="picker">
当前选择:<view wx:for="{{result_2}}" wx:key="index">{{item['name']}}</view>
2018-12-12 20:43:54 +08:00
</view>
</comp>