JavaScript MVC 微型架構:Gillie
Gillie是一個輕量級的JavaScript MVC框架4k,啟發自Backbone。它提供了一些有用的方法來執行RESTful HTTP請求,可以讓您輕松地使用模型,視圖和處理器來構建您的應用程序。在另一方面提供了一個事件的API,使用它可以使你的視圖監聽模型事件,然后觸發相應的動作,遵循觀察者設計模式。
Model
var TodoModel = Gillie.Model.extend({
url: 'http://localhost/api/'
create: function( event ) {
this.Post( 'todo/', event );
}
});
// Crete model instance
var todoModel = new TodoModel();</pre>View
var TodoView = Gillie.View.extend({
initialize: function() {
// Bind to 'todo.create' event
todoModel.on( 'todo.create', this.onCreate );
}
, onCreate: function( instance, response ) {
alert( instance.get( 'title' ) + '. Has been saved' );
}
});
// Create view instance
var todoView = new TodoView();</pre>Handler
var TodoHandler = Gillie.Handler.extend({
events: {
'keypress #new-todo': 'createOnEnter'
}
, createOnEnter: function( e ) {
var enterKey = 13
, currentTarget = e.currentTarget;
if ( e.which != enterKey ) return;
var title = $( target ).val();
todoModel.set( 'title', title )
.create( 'todo.create' );
}
});
// Create handler instance
var todoHandler = new TodoHandler();</pre>
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!