`

backbone学习笔记

    博客分类:
  • java
 
阅读更多

太折腾了,这事一定得记下来。

 

在backbone中,假设有10组人(GroupView),每个组又有很多人(PersonView),这样需要循环展示GroupView,同时需要在GroupView中调用PersonView的render方法来渲染人员页面片段的生成。代码如下:

 

 

that.$(".groupList").append(persionView.render().$el.html())
 

 

 

上述代码看起来是没问题的,但是问题出现了:

 

在PersonView中定义的event事件怎么也不会产生。也就是在PersonView中定义的视图事件怎么都没用。

后来把代码改了,如下所示:

 

that.$(".groupList").append(persionView.render().$el)
 请注意上述代码去掉了最后的html()方法。其道理是不言自明的。如果把子视图生成的dom对象(此对象已经注册了各种event处理)换成对应的html纯文本代码append到父视图上,虽然展示是没问题,但事件全丢了。
分享到:
评论

相关推荐

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

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

    EAST学习笔记1

    EAST学习笔记1 EAST学习笔记1是关于 EAST 模型的学习笔记,EAST 模型是一种用于文本检测和识别的深度学习模型。该模型的架构清晰,主要由 Unet 作为主体结构,backbone 可以任选 feature extractor,使用 ImageNet ...

    js模块编程学习笔记

    本篇笔记主要基于阮一峰的博客,探讨了两种常见的JS模块规范:CommonJS和AMD,以及如何使用require.js进行模块管理。 1. **CommonJS**:这是Node.js服务器端编程广泛采用的模块化标准。在CommonJS中,`require()`...

    PTN学习笔记总结

    PTN学习笔记总结 PTN(Packet Transport Network)是一种以分组作为传送单位,承载电信级以太网业务为主,兼容 TDM、ATM 和 FC 等业务的综合传送技术。PTN 技术基于分组的架构,继承了 MSTP 的理念,融合了 ...

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

    在Backbone.js中,View是MVC模式中的一个重要组成部分,它负责管理用户界面与模型数据之间的交互。在本文中,我们将深入探讨如何在Backbone.js中...学习和掌握这些基础知识,对于开发复杂的JavaScript应用至关重要。

    ccna学习笔记

    【CCNA学习笔记】是关于Cisco Certified Network Associate(CCNA)认证的学习资料,涵盖了网络基础知识、TCP/IP协议、路由器配置、OSPF优化、密码恢复、VLAN等内容。 1. **网络基础知识** - ISO(国际标准化组织...

    yolo5笔记1

    "YOLO5笔记1" 目标检测网络的基本结构 目标检测网络的基本结构可以分为三个部分:Backbone、Neck和Head。其中,Backbone是指用于提取特征的前面部分的神经网络,是目标检测网络的脊柱。Head是指对图像中的物体进行...

    backbone-note-app-example

    "Backbone.js Note App Example" 是一个用于学习和理解Backbone.js框架的示例项目。Backbone.js是一款轻量级的JavaScript库,它为构建结构化的Web应用提供了模型-视图-视图模型(Model-View-ViewModel, MVVM)架构...

    up-and-running-with-backbone-js

    通过学习骨干 安装 npm install ./node_modules/jspm/jspm.js install 浏览到index.html 主干笔记 initialize可用于监视模型的更改并在更改时将其持久化 要创建一个集合,您首先必须告诉它它基于哪个模型。 我想这...

    OSPF学习资料

    根据提供的标题“OSPF学习资料”以及描述“OSPF笔记资料,系统地介绍了其原理和内容”,我们可以推断出这份资料主要围绕开放最短路径优先(Open Shortest Path First,简称OSPF)这一网络路由协议进行讲解。...

    结合我之前几次针对yolo的面试,总结了一下,写了个笔记

    * 不同点:YOLOv5 锚点框是基于训练数据集自动学习的,而 YOLOv4 没有自适应锚点框。YOLOv5 采用的激活函数包括 leakyReLU 和 Sigmoid,YOLOv5 的中间隐藏层使用的是 leakyReLU 激活函数,最后的检测层使用的是 ...

    inventory:用 Backbone.js 和 Coffeescript 编写的乙烯基库存应用程序

    存货每次我想学习一门新的网络语言时,我都会重新编写一个应用程序。 这次用golang。要做的事媒体的库存申请。楷模物品名称年笔记创建者_id 格式_id创造者名称笔记格式名称特征 索引页 所有媒体列表 按格式排列的...

    backboneTestApp

    总的来说,"backboneTestApp"是一个全面的Backbone.js学习资源,涵盖了模型、视图、集合、路由等多个核心组件的使用,同时也涉及到了数据验证、用户界面交互和状态管理等实际开发中常见的问题。通过深入研究这个项目...

    skratchpad:在 TodoMVC 的这个演绎中,使用主干、快递和 mongodb 将笔记保存在云中

    所有版本原始概述厌倦了通过电子邮件向自己发送简短的笔记或链接,一旦您关闭手机,您想了解更多信息? 使用 Skratchpad 将它们保存在云端! Backbone 是 Skratchpads 用户界面的核心,大量借鉴了 TodoMVC 应用程序...

    LanguageLearningCommons:我在 App Academy 的顶点项目

    语言学习共享语言学习-commons.herokuapp.com 该应用程序的大部分内容都在 Rails User 模型和以下 Backbone 视图中,这些视图显示并向用户的笔记添加评论和修订: app/assets/javascripts/views/ShowNoteView.js app...

Global site tag (gtag.js) - Google Analytics