效果显示
几个技能点
- 点击view切换可编辑状态的input,回车后,要回到文本模式
- 将bindtap改为catchtap,阻止与checkbox冲突
- 注意sort()函数的坑,是按字符ascii排序,而非数值大小,所以要传递sort()排序回调方法
代码
代码里有详情的注释,完整代码托管在git,https://gitee.com/laeser/demo-weapp
)
JS文件
Page({
data: {
todos: [
{
title: '明天9点打电话给老张'
},
{
title: '打电话给老王'
},
{
title: '打电话'
}
]
},
onLoad() {
// 调用模拟数据代码,需要时打开下面的注释
// this.mock()
},
// 模拟长列表数据源
mock() {
// 生成12行数据,看底部删除按钮是否正常
const todos = []
for (let index = 0; index < 12; index++) {