`

backbone.js的render方法

阅读更多
发现render方法从来不执行,百思不得骑姐,最后发现这东西需要手动绑定一个model
再给model绑定事件,原来是手动档的…… 


http://stackoverflow.com/questions/8972294/backbone-js-nothing-renders-except-when-manually


Kevin Peel:

In most Backbone examples, render() is implicitly called because a model is set on a view, and that model is tied to the view's render() function.

More specifically, when initializing a view you'd normally have a call where you bind your view's render() function to a model being set/changed, like this:

initialize: function() {
    this.model.bind('change', this.render, this);
    // ... your init stuff here ...
}
Whenever the model is changed, a change event is fired which triggers your view and calls render().

分享到:
评论

相关推荐

    backbone.js入门教程

    无论是数据的管理、视图的渲染还是 URL 的路由,Backbone.js 都提供了一系列工具和方法来帮助开发者更好地组织和控制应用的各个方面。随着对 Backbone.js 的深入了解,开发者可以更加灵活地应对各种实际项目的需求。

    Backbone.js的事件绑定

    Backbone.js是一个轻量级的JavaScript库,专为构建可维护和模块化的Web应用而设计。它基于MVC(Model-View-Controller)模式,帮助开发者组织和管理前端代码结构,使得复杂的应用程序更容易理解和扩展。在“Backbone...

    实例讲解JavaScript的Backbone.js框架中的View视图

    然后在JavaScript中,我们通过Backbone.View.extend()创建一个视图类SearchView,并在其中定义initialize()方法和render()方法。initialize()方法中调用render()来渲染视图,render()方法使用jQuery将模板内容加载到...

    backbone.js API文档 列子

    Backbone.js是一款轻量级的JavaScript库,专为构建可扩展的、结构化的Web应用而设计。它提供了模型-视图-控制器(MVC)架构,帮助开发者在处理复杂的数据和用户交互时保持代码的组织性和可维护性。在"backbone.js ...

    First Backbone.js

    Backbone.js 是一个轻量级的JavaScript库,它为构建复杂的、数据驱动的Web应用程序提供了结构和组织。这款框架以其强大的模型-视图-控制器(MVC)架构模式而闻名,使得前端开发更加有序且高效。在“First Backbone....

    JavaScript_Application_Architecture_with_Backbone.js

    ### JavaScript Application Architecture with Backbone.js #### 一、引言 在现代Web开发中,随着用户对交互性与体验要求的不断提高,单页面应用(Single Page Application, SPA)逐渐成为主流趋势之一。在这种...

    实例讲解JavaScript的Backbone.js框架中的View视图_.docx

    Backbone.js是一个轻量级的JavaScript库,用于构建结构化的web应用。它提供了一种简单的方式来组织代码,包括模型(Models)、集合(Collections)以及视图(Views)。本文将深入探讨Backbone.js框架中的View视图...

    Backbone.js的Hello World程序实例.docx

    Backbone.js是一个轻量级的JavaScript库,它为构建结构化的Web应用提供了基础框架,包括模型(Models)、视图(Views)、集合(Collections)和路由器(Router)。在这个实例中,我们将看到如何整合Backbone.js与...

    实例讲解JavaScript的Backbone.js框架中的View视图.docx

    在JavaScript的Backbone.js框架中,View视图扮演着至关重要的角色,它是连接应用程序逻辑与用户界面的关键。View主要用于响应用户交互,管理DOM元素,并与Model进行数据同步。以下是对Backbone.js View视图的详细...

    Backbone.js框架中简单的View视图编写学习笔记.docx

    Backbone.js是一款轻量级的JavaScript库,它引入了MVC(Model-View-Controller)设计模式,使得前端开发更加有组织和结构化。在Backbone.js中,View是负责处理DOM交互和用户事件的核心组件。以下是对Backbone.js框架...

    backbone.reactive:Backbone.js 框架的插件,允许将强大的 Backbone.js 与 React.js 视图结合起来

    满足 Backbone.js 系列的插件,它允许将强大的 Backbone.js 与 React.js 视图结合起来。 插件支持 AMD,以及 CommonJS。 所以可以随意使用 require.js 用法 define ( [ "react" , "backbone" , "backbone....

    实例讲解JavaScript的Backbone.js框架中的View视图.pdf

    在JavaScript的Backbone.js框架中,View视图是构建用户界面的关键组件,它负责与DOM交互,呈现数据模型(Model)的状态,并响应用户的交互。在本文中,我们将深入理解Backbone.View的工作原理以及如何利用它来创建...

    backbone教程

    Backbone.js是一个轻量级的JavaScript框架,主要提供了三大组件:models(模型)、collections(集合)和views(视图)。通过这三个组件,可以快速构建复杂的Web应用程序。 Models(模型) Backbone.Model是...

    backbone 实例

    Backbone.js是一款轻量级的JavaScript库,专为构建可维护的前端应用设计。它引入了Model、View、Collection和Router等概念,帮助开发者在浏览器端实现MVC(Model-View-Controller)架构。让我们深入探讨一下Backbone...

    简单了解Backbone.js的Model模型以及View视图的

    Backbone.js是一款流行的JavaScript库,它实现了MVC(模型-视图-控制器)模式,用于构建可维护性和可扩展性良好的前端应用。在Backbone.js中,Model和View是两个核心组件,它们分别负责数据管理和用户界面的呈现。 ...

    Backbone.ListView:Backbone.js 的通用 ListView

    Backbone.ListView Backbone.js 的通用 ListView,可以更快地构建视图列表。 例子: var contacts = new Backbone . Collection ( [ { name : "Tim Schneider" , age : 35 } , { name : "John Black" , age : 26 }] ...

    Javascript MVC框架Backbone.js详解

    Backbone.js是一款流行的JavaScript MVC(模型-视图-控制器)框架,它为开发者提供了一种组织和管理复杂JavaScript应用程序的模式。本文深入解析了Backbone.js的各个模块和方法,并提供了实例代码,帮助理解和运用...

    backbone.rar

    Backbone.js是一个轻量级的JavaScript库,它为构建复杂的Web应用提供了模型-视图-控制器(MVC)架构。这个名为"backbone.rar"的压缩包文件包含了关于Backbone.js的重要资源,尤其是其API文档。解压后,通过打开/...

    bcakbone.js中Underscore.js实现的视图与子视图

    在JavaScript的世界里,Backbone.js和Underscore.js是两个非常重要的库,它们极大地提升了Web应用的开发效率和代码组织性。Backbone.js是一个轻量级的MVC(Model-View-Controller)框架,它提供了数据模型、视图、...

Global site tag (gtag.js) - Google Analytics