Backbone.js - 修改已渲染的页面

Question

Backbone.js - 修改已渲染的页面

我正在尝试在(相对简单的)node.js webapp的上下文中学习jade模板系统和backbone.js.我正在使用express.js作为我的框架.无论如何,backbone.js看起来非常有趣和强大,但我不想在客户端渲染我的客户端.

我宁愿使用节点和jade渲染服务器端,向客户端发送渲染页面,只使用骨干修改实时内容.最好的方法是什么？换句话说,对于已经渲染和结构化的页面使用骨干的最佳方法是什么？我意识到我并没有充分利用主干功能,但我只是尝试使用主干而不是一堆jQuery选择器和事件处理程序.

Answer 1

rr.*_*rr. 7

您的主干视图可以通过el在实例化视图时传递对元素的引用来引用现有DOM元素.

var myViewInstance = new MyViewClass({el: $('#existingDOMElement')});

Run Code Online (Sandbox Code Playgroud)

您在视图类中声明的任何事件处理程序都将绑定到与事件选择器匹配的任何子元素.例如:

<html>
    <body>
        <div id='myView'>
            <a class='foo'>Foo</a>
        </div>

        <script>
            var MyViewClass = Backbone.View.extend({
                events: {
                    'click .foo': 'fooClicked'
                },
                fooClicked: function(e) {
                    e.preventDefault();
                    console.log('.foo clicked');
                }
            });

            new MyViewClass({el: $('#myView')});
        </script>

    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，8 月前
查看次数：	412 次
最近记录：	13 年，8 月前