锐客网

  1. 首页 > 睿知 > >

微信小程序新手教程快速了解开发( 三 )

睿知


this.updateStorage();
},
clearTodo: function( id ) {
var targetIndex;
this.data.todos.forEach( function( t, i ) {
if( targetIndex !== undefined ) return;
if( t.id == id ) {
targetIndex = i;
}
});
this.data.todos.splice( targetIndex, 1 );
},
clearSingle: function( e ) {
var id = this.getTodoId( e, &＃39;btn-del-item-&＃39; );
var todo = this.getTodo( id );
todo.loading = true;
this.updateData( true );
var that = this;
setTimeout( function() {
that.clearTodo( id );
that.updateData( true );
that.updateStorage();
}, 500 );
},
clearAll: function() {
this.setData( {
clearAllLoading: true
});
var that = this;
setTimeout( function() {
that.data.todosOfComplted.forEach( function( t ) {
that.clearTodo( t.id );
});
that.setData( {
clearAllLoading: false
});
that.updateData( true );
that.updateStorage();
that.setData( {
toastHidden: false,
toastText: &＃39;Success&＃39;
});
}, 500 );
},
startEdit: function( e ) {
var id = this.getTodoId( e, &＃39;todo-item-txt-&＃39; );
var todo = this.getTodo( id );
todo.editing = true;
this.updateData( true );
this.updateStorage();
},
newTodoTextInput: function( e ) {
this.setData( {
newTodoText: e.detail.value
});
},
endEditTodo: function( e ) {
var id = this.getTodoId( e, &＃39;todo-item-edit-&＃39; );
var todo = this.getTodo( id );
todo.editing = false;
todo.text = e.detail.value;
this.updateData( true );
this.updateStorage();
},
addOne: function( e ) {
if( !this.data.newTodoText ) return;
this.setData( {
addOneLoading: true
});
//open loading
this.setData( {
loadingHidden: false,
loadingText: &＃39;Waiting...&＃39;
});
var that = this;
setTimeout( function() {
//close loading and toggle button loading status
that.setData( {
loadingHidden: true,
addOneLoading: false,
loadingText: &＃39;&＃39;
});
that.data.todos.push( {
id: app.getId(),
text: that.data.newTodoText,
compelte: false
});
that.setData( {
newTodoText: &＃39;&＃39;
});
that.updateData( true );
that.updateStorage();
}, 500 );
},
loadingChange: function() {
this.setData( {
loadingHidden: true,
loadingText: &＃39;&＃39;
});
},
toastChange: function() {
this.setData( {
toastHidden: true,
toastText: &＃39;&＃39;
});
}
});
【微信小程序新手教程快速了解开发】最后需要补充的是，这个app在有限的时间内依据微信的官方文档进行开发，所以这里面的实现方式到底是不是合理的，我也不清楚 。我也仅仅是通过这个app来了解小程序这个平台的用法 。希望微信官方能够推出一些更全面、较好是项目性的demo，在代码层面，给我们这些开发者提供一个优秀实践规范 。欢迎有其它的开发思路的朋友，帮我指出我以上实现中的问题 。

推荐阅读


上一篇：蒸红薯怎么做香甜软绵 流油

下一篇：怎么提高u盘传输速度 怎么提高u盘传输速度