<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../app-min.css">
<script src="../../jquery/jquery-1.10.2.js"></script>
<script src="../underscore.js"></script>
<script src="../backbone.js"></script>
<script>
var SearchView = Backbone.View.extend({
initialize: function() {
console.log('init a SearchView')
},
render: function(context) {
var template = _.template($('#search_template').html(), context)
$(this.el).html(template)
},
events: {
'click input[type=button]': 'doSearch'
},
doSearch: function(event) {
console.log('search for ' + $('#search_input').val())
}
})
var searchView = new SearchView({el: $('#search_container')})
searchView.render({search_label: '搜索渲染'})
</script>
<article class="content">
<pre>var SearchView = Backbone.View.extend({
initialize: function() {
console.log('init a SearchView')
},
render: function(context) {
var template = _.template($('#search_template').html(), context)
$(this.el).html(template)
},
events: {
'click input[type=button]': 'doSearch'
},
doSearch: function(event) {
console.log('search for ' + $('#search_input').val())
}
})
var searchView = new SearchView({el: $('#search_container')})
searchView.render({search_label: '搜索渲染'})</pre>
</article>
</body>
</html>