Update demo
This commit is contained in:
@@ -79,11 +79,17 @@ Page({
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
mutiPickerChange(e) {
|
||||
console.log('多级联动结果:', e.detail)
|
||||
/**
|
||||
* Picker的确认回调函数
|
||||
*
|
||||
* @param {Object} e.detail.selectedIndex 用户选择的数据在数组中所在的下标
|
||||
* @param {Object} e.detail.selectedArray 用户选择的数据
|
||||
*/
|
||||
pickerChange(e) {
|
||||
const { selectedIndex, selectedArray } = e.detail
|
||||
console.log('多级联动结果:', selectedIndex, selectedArray)
|
||||
this.setData({
|
||||
result: e.detail.selectedArray
|
||||
result: selectedArray
|
||||
})
|
||||
}
|
||||
})
|
||||
@@ -1,11 +1,12 @@
|
||||
<!-- 多级联动 -->
|
||||
<!--
|
||||
origin: 源数组,格式必须为数组和对象的集合,参考示例
|
||||
sourceData: 源数组,格式必须为数组和对象的集合,参考示例
|
||||
steps: 多级联动的阶数,默认为0
|
||||
name: 多级联动展示数据的字段名称,默认为name
|
||||
subset: 多级联动的子节点的字段名称,默认为subset
|
||||
otherFields: 若需要额外返回其他字段的数据,可以设置otherFields为数组,参考示例
|
||||
autoSelect: 初始化时,自动选择每列第0项
|
||||
shownFieldName: 多级联动展示数据的字段名称,默认为name
|
||||
subsetFieldName: 多级联动的子节点的字段名称,默认为subset
|
||||
otherNeedFieldsName: 若需要额外返回其他字段的数据,可以设置otherFields为数组,参考示例
|
||||
autoSelect: 初始化时,自动选择每列的第0项,返回给开发者。
|
||||
initColumnSelectedIndex: 选择了第n列后,是否将大于n的列的自动初始化第0个(滚动至最上层)
|
||||
bindchange: 回调函数,参考示例
|
||||
-->
|
||||
<comp
|
||||
@@ -14,8 +15,9 @@
|
||||
shownFieldName="{{name}}"
|
||||
subsetFieldName="{{subset}}"
|
||||
otherNeedFieldsName="{{otherFields}}"
|
||||
autoSelect
|
||||
bindchange="mutiPickerChange">
|
||||
autoSelect="{{false}}"
|
||||
initColumnSelectedIndex
|
||||
bindchange="pickerChange">
|
||||
<view class="picker">
|
||||
当前选择:<text wx:for="{{result}}" wx:key="index">{{item[name]}},</text>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user