发现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 1287新版eclipse编辑含有javascript内容的jsp时, ... -
chosen 数据的动态更新
2016-09-08 15:28 1724chosen是个不错的复合下拉组件,缺点是文档较少 源码在gi ... -
优秀的弹层组件
2016-04-20 18:19 642http://layer.layui.com/ -
googleapis.com域名访问慢的解决办法
2016-04-13 12:09 9021、安装火狐 2、安装插件ReplaceGoogleCDN -
国内常用前端公共库CDN服务
2015-11-15 14:00 918BAIDU http://cdn.code.baidu.co ... -
jquery validate 1.14
2015-10-12 20:14 772<!DOCTYPE html PUB ... -
jquery 事件处理handler函数的参数
2015-02-08 23:22 2551jquery 事件处理handler函 ... -
jquery tr rowindex
2014-11-30 13:42 866var tr = $(this).parents('tr' ... -
jqgrid please select row warning
2014-11-23 19:42 1690引入ui.jqgrid.css即可解决 -
改变多个jquery.ready的默认顺序
2014-11-23 15:37 1263$(document).ready 这个函数的解释: 引用 D ... -
javascript 错误的继承方式
2014-11-02 23:02 701var parent = {t:1,m:2,} pare ... -
JS图片格式验证
2014-07-03 16:48 875function pic(file){ var r ... -
更改underscorejs默认的匹配符
2014-06-14 11:51 813/** 修改underscore.js默认的< ... -
uglifyjs批量压缩js
2014-06-13 16:34 2404jquery官方使用uglifyjs进行压缩的,压缩比较高 ... -
html5 canvas作的手写板【兼容手机】
2014-05-21 15:56 5236<!DOCTYPE html> <ht ... -
backbone.js model和view视图的单元测试
2014-05-20 17:32 1321backbone的模块化开发,需要引入测试流程保证代码的质量, ... -
由正则表达式html或xml标签配对说起【括号编组和正负向预查】
2014-05-15 14:17 2444经常会查找xml或HTM ... -
netbeans和karma进行单元测试二【jasmine入门】
2014-05-20 15:43 1643karma配好之后,默认使用的是jasmine作为测试框架: ... -
javascript的代理和切面
2014-05-15 13:39 718Java里有面向切面的实现方式,可以监控包、对象、函数 ... -
backbone.js路由Router的使用
2014-05-09 11:33 1536路由的使用很简单,路由的转向 router.navigate( ...
相关推荐
满足 Backbone.js 系列的插件,它允许将强大的 Backbone.js 与 React.js 视图结合起来。 插件支持 AMD,以及 CommonJS。 所以可以随意使用 require.js 用法 define ( [ "react" , "backbone" , "backbone....
Backbone.ListView Backbone.js 的通用 ListView,可以更快地构建视图列表。 例子: var contacts = new Backbone . Collection ( [ { name : "Tim Schneider" , age : 35 } , { name : "John Black" , age : 26 }] ...
主干视图状态为了用于 Backbone.Views,ViewState 将数据/属性保存在 Backbone.View 中,而您不需要在 Backbone.Model 中。 ViewState 不是使用 View 本身来保存数据,而是您设置/获取所有属性的地方。 所有 ...
使用 Backbone.js 应用架构和 Handlebars.js 模板技术。 Thorax 可作为独立的库使用,也基于 Node.js 和 Rails 运行。Thorax 为你提供了一些不同的插件用于表单处理、集合管理、事件管理以及移动支持等等。 ...
和 Backbone.js是您调用的库,而不是调用您的框架(如React / Angular)。 库:更具灵活性。 框架:更少的样板。 Backbone.js模块:视图。 大事记楷模。 集合。 路由器。 MVC中的主干“视图” =“控制器”。 ...
主干用户界面:标签任何网页的标签组件安装使用凉亭: bower install backbone.ui.tags依赖关系 (或替代事件处理程序)用法 var view = new Backbone.UI.Tags({el : "#tags",collection : new Backbone.Collection...
骨干扫描骨架视图包装(Spinelli的SwipeView的一个分支),允许使用手动定义的子视图...slide_list.render();运行示例存储库中提供了完整的用法示例,可以通过运行(克隆后)来启动该示例: $ npm install $ grunt 该
Backbone.Ymaps 用于使用 Yandex Maps API (v2.0) 的 Backbone JS 扩展。例子简单的例子: // Create Yandex Mapvar map = new ymaps . Map ( 'maps' , { center : [ 37.64 , 55.76 ] , zoom : 12} ) ;// Create ...
将React JSX组件合并到现有的Backbone应用程序中,并使用ReactDOM.render()代替Backbone.View.render() ,因此我们可以使用React组件代替Backbone模板。 挑战 浏览器不了解JSX。 尽管React可以使用预配置的Babel来...
受到极大启发,Cloak.js 有许多相似的特性,对于熟悉 Backbone.js 的人来说应该很容易学习。 Cloak.js 是围绕 CommonJS 模块 API 设计的。 var View = require ( 'cloak/view' ) ; var Heading = module . ...
FormWrapper工作方式是将一个视图( ItemView , CollectionView或CompositeView )作为输入,并返回另一个视图,然后可以在其上调用render或show 。依存关系先决条件如果您传递了ItemView : 需要绑定一个模型模型...
你好React骨干 一个简单的Hello World例子,用用... 组件状态通过Backbone模型和主干React组件mixin设置,并在render方法中使用,当React创建/更新该组件时将调用该状态。 指示 安装 运行npm start以使应用程序在Web
var Mn = require ( 'backbone.marionette' ) ; Mn . setRenderer ( TemplateCache . render ) ; 基本用法 要使用TemplateCache ,请直接在TemplateCache上调用get方法。 在内部,将创建和存储TemplateCache类的实例...
骨干标准化哈希 var Backbone = require ( 'backbone' ) ; var normalizeHash = require ( 'backbone-normalize-hash' ) ; Backbone . View .... initialize ( ) { this .... change : 'render' } } ) ;
它是MVC中的V 与Angular和Backbone等其他框架配合良好JSX,结合了您的标记和行为JS 尝试使用原始JS,例如数组,对象和函数虚拟DOM 区分真实的DOM,为您更新删除和构建DOM树节点非常昂贵一向流量控制传递道具仅将状态...
生成器-webui 发电机 入门 什么是Yeoman? 技巧问题。 没关系是这个人: 基本上,他戴着顶帽子,住在您的计算机中,然后等待您告诉他您... 为render.js children.js和callbacks.js以及组件测试文件夹和文件的compone
胸腔观一个简单的基本 Backbone 视图类,用于添加子视图、渲染和初始化。安装通过 npm 安装很容易: npm install ribcage-viewRibcage 要求您使用 browserify(或其他方式在前端获取 require)。用法简单的例子 var ...
Openure Openure在页面上公开了Backbone Views的内部变量。 设置和使用------------------------- 1.在全局变量中公开您的主干应用程序。 (仅在您愿意的情况下,为isStaff或Admin组将此标记关闭)2.在chrome:// ...