ember.js:使用笔记5 使用view
2014-10-10 14:08
281 查看
在已经设置route的情况下,以table为例,可以如下设置,范围为对应的模版;
也可以通过如下新建,其获得的this为所在模版的this;
简单设置:
设置整体的标签:
tagName
设置class:
classNames:[](适合固定值);
classNameBinds[](这个要通过其他属性设置或方法返回,适合变值),同样使用在template设置classname的方法,如 ['isEnabled:enabled:disabled']
设置其他attr属性
设置event方法:设置的方法配置在view内所有的element上;
使用模版:模版当中的书写格式与html模版相同;
使用didInsertElement:在render和dom加载完之后执行,此外还有其他在不同时机执行的方法
以tables和table为例在不同url跳转时候的执行:
x/x -> x/tables: 同时执行tablesIndexView和tablesView;
x/tables -> x/tables/id1: 只执行 tableview;
x/tables/id1 -> x/tables/id2 : 都不执行;
x/tables/id1 -> x/tables: 只执行tablesIndexView;
在x/tables/id1 -> x/tables/id2 之间跳转的时候,可以在controller中定义一个方法
App.TableView = Em.View.extend({ }); App.TableIndexView = Em.View.extend({ });
也可以通过如下新建,其获得的this为所在模版的this;
{{#view InnerView}}......{{/view}} InnerView = Ember.View.extend({});
简单设置:
设置整体的标签:
tagName
设置class:
classNames:[](适合固定值);
classNameBinds[](这个要通过其他属性设置或方法返回,适合变值),同样使用在template设置classname的方法,如 ['isEnabled:enabled:disabled']
设置其他attr属性
设置event方法:设置的方法配置在view内所有的element上;
使用模版:模版当中的书写格式与html模版相同;
template: Ember.Handlebars.compile(""),
使用didInsertElement:在render和dom加载完之后执行,此外还有其他在不同时机执行的方法
以tables和table为例在不同url跳转时候的执行:
x/x -> x/tables: 同时执行tablesIndexView和tablesView;
x/tables -> x/tables/id1: 只执行 tableview;
x/tables/id1 -> x/tables/id2 : 都不执行;
x/tables/id1 -> x/tables: 只执行tablesIndexView;
在x/tables/id1 -> x/tables/id2 之间跳转的时候,可以在controller中定义一个方法
相关文章推荐
- ember.js:使用笔记4 数组数据的分组显示
- ember.js:使用笔记10 常用方法
- ember.js:使用笔记6 子项目的前进与后退
- ember.js:使用笔记8 加载测试与集成测试
- ember.js:使用笔记2-数据删除与存储
- ember.js:使用笔记9 开始单元测试
- Android JS解析引擎 Rhino 使用笔记(不借助webview)
- ember.js:使用笔记3 活用{{bind-attr}}
- ember.js:使用笔记7 页面中插入效果
- ember.js:使用笔记1-数组数据统一显示
- WPF and Silverlight 学习笔记(二十五):使用CollectionView实现对绑定数据的排序、筛选、分组
- 我的开发笔记---UIActivityIndicatorView的详细使用
- NSOutlineView使用笔记(一)
- Android SurfaceView使用 笔记
- 我的iphone开发学习笔记(三)使用UISlide, UIImageView及动画
- WebView 使用JS遇到的问题
- cakephp菜鸟笔记——Js引擎jQuery使用
- iPhone开发学习笔记005——使用XIB自定义一个UIView,然后将这个view添加到controller的view
- NSTableView使用笔记(一)
- Qt Model/View 学习笔记 (二):为使用Models与views热身