首页 > 其他 > 详细

-_-#【Backbone】View

时间:2014-12-18 16:24:42      阅读:277      评论:0      收藏:0      [点我收藏+]
<!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>

 

-_-#【Backbone】View

原文:http://www.cnblogs.com/jzm17173/p/4171836.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!