Marionette官网学习 - Common Concept
来源:互联网 发布:造价大师软件 安徽 编辑:程序博客网 时间:2024/04/30 18:48
学习内容:http://marionettejs.com/docs/master/basics.html
做 一个简单的模板渲染功能
(1) 在Marionette官网下载所需要的js文件依赖
<script src="js/jquery.js"></script><script src="js/underscore.js"></script><script src="js/backbone.js"></script><script src="js/backbone.radio.js"></script><script src="js/backbone.marionette.js"></script>
这些都是必需的。
(2) DOM搭建
<section id="example"> <h3>Here is the example</h3> <article id="article-region"></article></section><!--template--><template id="template-identifier"> <div>example</div></template>
(3) JS
.bg-success{background-color: green;}.bg-error{background-color: red;}
//-model-var MyModel= Backbone.Model.extend({});var myModel= new MyModel();myModel.set('isSuccessful',true);//-子View-var MyView=Mn.View.extend({ template: '#template-identifier', className: function(){ return this.model.get('isSuccessful')? 'bg-success':'bg-error' },});var myView=new MyView({model:myModel});//-父View-var ContainerView= Mn.View.extend({ template: false, el: '#example', regions: { 'myRegion':'#article-region' }});var containerView= new ContainerView();containerView.showChildView('myRegion',myView);
0 0
- Marionette官网学习 - Common Concept
- Marionette官网学习 - View
- Marionette官网学习 - CollectionView
- BackBone,Marionette 初步学习笔记
- Concept
- 【boost学习笔记】认识Concept
- 概念学习(Concept learning)
- #学习笔记#Concept of Hashing
- Boost下Concept Check库的学习
- Cadence Concept HDL学习记录(前言)
- 人类概念学习的复杂度 complexity of human concept learning
- Common Lisp的学习
- common lisp 学习笔记
- 学习COMMON LISP总结
- Common Lisp 学习书目
- Hadoop Common 结构学习
- Common Lisp 学习笔记
- PCB concept
- 第五周-项目一-建立顺序栈算法库
- eclipse导入的java项目转web项目
- okhttp中get请求添加map类型的header
- windows定时执行kettle的job
- 画极坐标图
- Marionette官网学习 - Common Concept
- springmvc 地址栏访问/WEB-INF/views下的jsp无法访问
- 使用oracle 闪回查询找回误更新的数据
- 第五周 项目2-建立链栈算法库
- Validation校验实体类并返回错误信息
- 摄像 图片 视频
- 关于从库seconds_behind_master的真实含义的几个测试。
- javascript基础学习(1)数据类型--number
- 第五周项目2——建立链栈算法库