2015年6月15日 星期一

backbone require example AMD

https://packagecontrol.io/packages/AutoCompleteJS
http://backbonejs.org/#examples-todos
https://onedrive.live.com
http://www.ruanyifeng.com/blog/2012/11/require_js.html

 'js/utils/utils.js' 
define(function() {    
var add = function(x, y) {      
return x + y;    
};  
var sub = function(x, y) {      
return x - y;    
};  
return {
add: add,
sub: sub    
}; 
});

app.js

define([
'jquery',
'underscore',
'backbone',
'js/utils/utils.js'
], function($, _, Backbone,Utils) {
var num=Utils.add(1,2);
console.log("num:"+num);
var initializefun = function() {
console.log("initializefun");
}
var Human = Backbone.Model.extend({
defaults: {
humanname: '',
age: 0
},
initialize: function() {
this.on("change:humanname", function(model) {
console.log("change->humanname");
});
}
});
var hum = new Human();
hum.set({
humanname: "name"
});
var name = hum.get("humanname");
console.log(name);

hum.set({
humanname: "name2"
});

var Myview = Backbone.View.extend({
initialize: function() {
this.render();
},
render: function() {
var template = _.template($("#search_template").html(), {});
this.$el.html(template);

},
events: {
"click input[type=button]": "dosearch"
},
dosearch: function(event) {
alert("Search for " + $("#search_input").val());
}
});
var sview = new Myview({
el: $("#search_container")
});
//write this that main.js can use initializefun() in require([
//return {
// initializefun: initializefun
//};


});

//$(function() {
//});


if you want muti method
http://www.ruanyifeng.com/blog/2012/10/javascript_module.html



沒有留言:

張貼留言