首页 > 代码库 > ember.js:使用笔记5 使用view
ember.js:使用笔记5 使用view
在已经设置route的情况下,以table为例,可以如下设置,范围为对应的模版;
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:使用笔记5 使用view
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。