Backbone Template

Standard fiddle

by JasonMore

HTML

<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
<div id="search_container">a</div>
<script type="text/template" id="search_template">
    <label>Search</label>
    <input type="text" id="search_input" />
    <input type="button" id="search_button" value="Search" />
</script>

JavaScript

var myCollection = Backbone.View.extend({});


SearchView = 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() {
        // Button clicked
        console.log(this);
    }
});

var search_view = new SearchView({
    el: $("#search_container")
});