![](/img/trans.png)
[英]what is difference between classnames vs classNames from classnames package
[英]Removing Classnames from Ember view
我正在尝试创建具有在扩展视图中描述的功能的视图,但是具有不同的类名。 发生的是ExpTypesView类是['nav','nav-pills'] 和 ['nav','nav-tabs']。 我如何设置它以便它们替换在NavView中设置的类名?
Resume.NavView = Em.View.extend({
tagName: 'ul',
classNames: ['nav','nav-tabs'],
currentPathDidChange: function(){
Ember.run.next( this, function() {
$("ul li:has(>a.active)").addClass('active');
$("ul li:not(:has(>a.active))").removeClass('active');
});
}.observes('controller.currentPath')
});
Resume.ExpTypesView = Resume.NavView.extend({
classNames:['nav','nav-pills']
});
在Ember.View
, classNames
是一个连接的属性,因此您添加的属性将与超类值连接。
您可以使用classNameBindings
在超类和后代中设置类型。
App.NavView = Em.View.extend({
tagName: 'ul',
classNames: ['nav'],
classNameBindings: ['type'],
type: 'nav-tabs',
currentPathDidChange: function(){
Ember.run.next( this, function() {
$("ul li:has(>a.active)").addClass('active');
$("ul li:not(:has(>a.active))").removeClass('active');
});
}.observes('controller.currentPath')
});
App.ExpTypesView = App.NavView.extend({
type: 'nav-pills',
});
这使得类为class="ember-view nav nav-tabs"
和class="ember-view nav nav-pills"
。
这个肮脏的小解决方法可以满足我的需求,但是如果您知道更好的方法或任何能解释这个问题的资源,请告诉我!
Resume.ExpTypesView = Resume.NavView.extend({
//classNames:['nav','nav-pills'],
init: function(){
this.set('classNames', ['nav','nav-pills']);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.