Update demo

This commit is contained in:
qimengjie
2018-12-13 17:56:19 +08:00
parent 48544c66f9
commit 3869fb3109
2 changed files with 19 additions and 11 deletions

View File

@@ -79,11 +79,17 @@ Page({
} }
] ]
}, },
/**
mutiPickerChange(e) { * Picker的确认回调函数
console.log('多级联动结果:', e.detail) *
* @param {Object} e.detail.selectedIndex 用户选择的数据在数组中所在的下标
* @param {Object} e.detail.selectedArray 用户选择的数据
*/
pickerChange(e) {
const { selectedIndex, selectedArray } = e.detail
console.log('多级联动结果:', selectedIndex, selectedArray)
this.setData({ this.setData({
result: e.detail.selectedArray result: selectedArray
}) })
} }
}) })

View File

@@ -1,11 +1,12 @@
<!-- 多级联动 --> <!-- 多级联动 -->
<!-- <!--
origin: 源数组,格式必须为数组和对象的集合,参考示例 sourceData: 源数组,格式必须为数组和对象的集合,参考示例
steps: 多级联动的阶数默认为0 steps: 多级联动的阶数默认为0
name: 多级联动展示数据的字段名称默认为name shownFieldName: 多级联动展示数据的字段名称默认为name
subset: 多级联动的子节点的字段名称默认为subset subsetFieldName: 多级联动的子节点的字段名称默认为subset
otherFields: 若需要额外返回其他字段的数据可以设置otherFields为数组参考示例 otherNeedFieldsName: 若需要额外返回其他字段的数据可以设置otherFields为数组参考示例
autoSelect: 初始化时自动选择每列第0项 autoSelect: 初始化时,自动选择每列第0项,返回给开发者。
initColumnSelectedIndex: 选择了第n列后是否将大于n的列的自动初始化第0个(滚动至最上层)
bindchange: 回调函数,参考示例 bindchange: 回调函数,参考示例
--> -->
<comp <comp
@@ -14,8 +15,9 @@
shownFieldName="{{name}}" shownFieldName="{{name}}"
subsetFieldName="{{subset}}" subsetFieldName="{{subset}}"
otherNeedFieldsName="{{otherFields}}" otherNeedFieldsName="{{otherFields}}"
autoSelect autoSelect="{{false}}"
bindchange="mutiPickerChange"> initColumnSelectedIndex
bindchange="pickerChange">
<view class="picker"> <view class="picker">
当前选择:<text wx:for="{{result}}" wx:key="index">{{item[name]}}</text> 当前选择:<text wx:for="{{result}}" wx:key="index">{{item[name]}}</text>
</view> </view>