时间:2019-05-07 来源:小程序工厂
Y***:
这个要在数据源做判断,假如数据源为对象数组,对象中设置一个选中状态属性,提交时遍历数组中的item对象的状态属性。状态属性可以是接口源维护,也可以是微信小程序端维护。
如:
假如接口返回数据并没有状态属性,获取到接口返回数据之后,追加item的状态属性
//为List的Item追加选中状态属性(默认false)
function setFormatList(list) {
return list.map((item) => {
Object.assign(item, {
isSelected: false
})
return list
})
}
提交按钮时,遍历list,获取已选中的item
//获取已选中的Item
function getSelectedItems(list) {
return list.filter(item => {
return item.isSelected
})
}
通过filter获取到的是一个新的数组,通过判断这个新数组的lingth来确定是否全部选中或者已经选中了哪些
如果接口返回数据已经有默认的选中状态属性,那就可以省掉第一步,直接在提交时遍历已选中项即可