发现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().
再给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().
发表评论
-
解决eclipse在修改js卡顿现象
2018-02-09 15:49 1406新版eclipse编辑含有javascript内容的jsp时, ... -
chosen 数据的动态更新
2016-09-08 15:28 1772chosen是个不错的复合下拉组件,缺点是文档较少 源码在gi ... -
优秀的弹层组件
2016-04-20 18:19 675http://layer.layui.com/ -
googleapis.com域名访问慢的解决办法
2016-04-13 12:09 9811、安装火狐 2、安装插件ReplaceGoogleCDN -
国内常用前端公共库CDN服务
2015-11-15 14:00 968BAIDU http://cdn.code.baidu.co ... -
jquery validate 1.14
2015-10-12 20:14 799<!DOCTYPE html PUB ... -
jquery 事件处理handler函数的参数
2015-02-08 23:22 2588jquery 事件处理handler函 ... -
jquery tr rowindex
2014-11-30 13:42 928var tr = $(this).parents('tr' ... -
jqgrid please select row warning
2014-11-23 19:42 1750引入ui.jqgrid.css即可解决 -
改变多个jquery.ready的默认顺序
2014-11-23 15:37 1303$(document).ready 这个函数的解释: 引用 D ... -
javascript 错误的继承方式
2014-11-02 23:02 730var parent = {t:1,m:2,} pare ... -
JS图片格式验证
2014-07-03 16:48 934function pic(file){ var r ... -
更改underscorejs默认的匹配符
2014-06-14 11:51 875/** 修改underscore.js默认的< ... -
uglifyjs批量压缩js
2014-06-13 16:34 2439jquery官方使用uglifyjs进行压缩的,压缩比较高 ... -
html5 canvas作的手写板【兼容手机】
2014-05-21 15:56 5294<!DOCTYPE html> <ht ... -
backbone.js model和view视图的单元测试
2014-05-20 17:32 1364backbone的模块化开发,需要引入测试流程保证代码的质量, ... -
由正则表达式html或xml标签配对说起【括号编组和正负向预查】
2014-05-15 14:17 2479经常会查找xml或HTM ... -
netbeans和karma进行单元测试二【jasmine入门】
2014-05-20 15:43 1696karma配好之后,默认使用的是jasmine作为测试框架: ... -
javascript的代理和切面
2014-05-15 13:39 745Java里有面向切面的实现方式,可以监控包、对象、函数 ... -
backbone.js路由Router的使用
2014-05-09 11:33 1587路由的使用很简单,路由的转向 router.navigate( ...
相关推荐
无论是数据的管理、视图的渲染还是 URL 的路由,Backbone.js 都提供了一系列工具和方法来帮助开发者更好地组织和控制应用的各个方面。随着对 Backbone.js 的深入了解,开发者可以更加灵活地应对各种实际项目的需求。
Backbone.js是一个轻量级的JavaScript库,专为构建可维护和模块化的Web应用而设计。它基于MVC(Model-View-Controller)模式,帮助开发者组织和管理前端代码结构,使得复杂的应用程序更容易理解和扩展。在“Backbone...
然后在JavaScript中,我们通过Backbone.View.extend()创建一个视图类SearchView,并在其中定义initialize()方法和render()方法。initialize()方法中调用render()来渲染视图,render()方法使用jQuery将模板内容加载到...
Backbone.js是一款轻量级的JavaScript库,专为构建可扩展的、结构化的Web应用而设计。它提供了模型-视图-控制器(MVC)架构,帮助开发者在处理复杂的数据和用户交互时保持代码的组织性和可维护性。在"backbone.js ...
Backbone.js 是一个轻量级的JavaScript库,它为构建复杂的、数据驱动的Web应用程序提供了结构和组织。这款框架以其强大的模型-视图-控制器(MVC)架构模式而闻名,使得前端开发更加有序且高效。在“First Backbone....
### JavaScript Application Architecture with Backbone.js #### 一、引言 在现代Web开发中,随着用户对交互性与体验要求的不断提高,单页面应用(Single Page Application, SPA)逐渐成为主流趋势之一。在这种...
Backbone.js是一个轻量级的JavaScript库,用于构建结构化的web应用。它提供了一种简单的方式来组织代码,包括模型(Models)、集合(Collections)以及视图(Views)。本文将深入探讨Backbone.js框架中的View视图...
Backbone.js是一个轻量级的JavaScript库,它为构建结构化的Web应用提供了基础框架,包括模型(Models)、视图(Views)、集合(Collections)和路由器(Router)。在这个实例中,我们将看到如何整合Backbone.js与...
在JavaScript的Backbone.js框架中,View视图扮演着至关重要的角色,它是连接应用程序逻辑与用户界面的关键。View主要用于响应用户交互,管理DOM元素,并与Model进行数据同步。以下是对Backbone.js View视图的详细...
Backbone.js是一款轻量级的JavaScript库,它引入了MVC(Model-View-Controller)设计模式,使得前端开发更加有组织和结构化。在Backbone.js中,View是负责处理DOM交互和用户事件的核心组件。以下是对Backbone.js框架...
满足 Backbone.js 系列的插件,它允许将强大的 Backbone.js 与 React.js 视图结合起来。 插件支持 AMD,以及 CommonJS。 所以可以随意使用 require.js 用法 define ( [ "react" , "backbone" , "backbone....
在JavaScript的Backbone.js框架中,View视图是构建用户界面的关键组件,它负责与DOM交互,呈现数据模型(Model)的状态,并响应用户的交互。在本文中,我们将深入理解Backbone.View的工作原理以及如何利用它来创建...
Backbone.js是一个轻量级的JavaScript框架,主要提供了三大组件:models(模型)、collections(集合)和views(视图)。通过这三个组件,可以快速构建复杂的Web应用程序。 Models(模型) Backbone.Model是...
Backbone.js是一款轻量级的JavaScript库,专为构建可维护的前端应用设计。它引入了Model、View、Collection和Router等概念,帮助开发者在浏览器端实现MVC(Model-View-Controller)架构。让我们深入探讨一下Backbone...
Backbone.js是一款流行的JavaScript库,它实现了MVC(模型-视图-控制器)模式,用于构建可维护性和可扩展性良好的前端应用。在Backbone.js中,Model和View是两个核心组件,它们分别负责数据管理和用户界面的呈现。 ...
Backbone.ListView Backbone.js 的通用 ListView,可以更快地构建视图列表。 例子: var contacts = new Backbone . Collection ( [ { name : "Tim Schneider" , age : 35 } , { name : "John Black" , age : 26 }] ...
Backbone.js是一款流行的JavaScript MVC(模型-视图-控制器)框架,它为开发者提供了一种组织和管理复杂JavaScript应用程序的模式。本文深入解析了Backbone.js的各个模块和方法,并提供了实例代码,帮助理解和运用...
Backbone.js是一个轻量级的JavaScript库,它为构建复杂的Web应用提供了模型-视图-控制器(MVC)架构。这个名为"backbone.rar"的压缩包文件包含了关于Backbone.js的重要资源,尤其是其API文档。解压后,通过打开/...
在JavaScript的世界里,Backbone.js和Underscore.js是两个非常重要的库,它们极大地提升了Web应用的开发效率和代码组织性。Backbone.js是一个轻量级的MVC(Model-View-Controller)框架,它提供了数据模型、视图、...