Backbone.js 显示Collection里面的一个元素
来源:互联网 发布:mac如何装office 编辑:程序博客网 时间:2024/06/05 14:48
- Router 代码
var MyRouter = Backbone.Router.extend({ routes: { // Other Routers "muppets/:id": "getMuppet" }, getMuppet: function (id) { console.log("fetch muppet: " + id); var muppet = new MuppetModel({id: id}); muppet.fetch().then(function () { console.log(muppet.get('name')); var muppetView = new MuppetsListItemView({model: muppet, el: $('#muppets-list')}); muppetView.render() }); } });
MuppetsListItemView
代码
var MuppetsListItemView = Backbone.View.extend({ tagName: 'li', className: 'muppet', template: _.template($('#muppet-item-tmpl').html()), initialize: function() { this.listenTo(this.model, 'destroy', this.remove) }, render: function() { var html = this.template(this.model.toJSON()); console.log(html, 'html of the itemView'); this.$el.html(html); return this; }, events: { 'click .remove': 'onRemove' }, onRemove: function() { this.model.destroy(); } });
- Template
<script type="text/template" id="muppet-item-tmpl"> <p><a href="/#muppets/<%= id %>" class=".showSingle"><%= name %></a></p> <p>Job: <i><%= occupation %></i></p> <button class="remove">x</button> </script>
阅读全文
0 0
- Backbone.js 显示Collection里面的一个元素
- backbone的collection实例
- 4、backbone的collection实例
- 4、backbone的collection实例
- Backbone中Collection的基础知识
- Backbone系列:Collection的学习
- backbone>>collection
- 分享一个基于jQuery,backbone.js和underscore.js的消息提示框架 - Backbone.Notifier
- backbone.js的mvc
- Backbone.js的集合
- 【JS】用js实现二维数组里面的元素排列组合一个小demo
- Backbone的一个demo
- 清除一个数组里面重复的元素
- Backbone.js学习笔记——Collection篇
- Backbone.js源码分析系列之Collection模块
- [Backbone.js]的AJAX使用
- 用Backbone.js写一个增删改查表
- js显示json里面的内容
- 2018 年你需要知道的 Vue.js 组件库,完善你的应用开发
- ALGO-81动态数组使用
- android——本地相机上传头像
- VB机房收费系统05——一般用户模块逻辑问题总结
- Flex中List自己定义itemrenderer渲染问题的解决
- Backbone.js 显示Collection里面的一个元素
- Spring AOP详解
- android jni 将BYTE* 和 jbyteArray 之间的转换
- Sublime Text 3 全程详细图文使用教程
- 多条目展示+视频播放
- AMP对发布商和电子商务的总体经济影响力
- lxc常见命令
- DIY申请PHD
- @EnableAutoConfiguration注解