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 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!