Twitter bootstrap attributeBindings不适用于containerViews
我试图在ember框架中使用复选框类型的twitter引导按钮组。我有一个容器视图来保存按钮。每个按钮都是此容器视图的子级。为了使该按钮的复选框功能正常工作,我必须添加一个名为“数据切换”的属性。但是attributeBindings不适用于ContainerViews。它在普通视图和集合视图中工作正常。这是应用程序代码中的错误还是问题?有没有办法克服这个问题?比如通过使用模板加载整个HTML,使用它???请尽快帮助我 这是我的密码Twitter bootstrap attributeBindings不适用于containerViews,twitter-bootstrap,ember.js,Twitter Bootstrap,Ember.js,我试图在ember框架中使用复选框类型的twitter引导按钮组。我有一个容器视图来保存按钮。每个按钮都是此容器视图的子级。为了使该按钮的复选框功能正常工作,我必须添加一个名为“数据切换”的属性。但是attributeBindings不适用于ContainerViews。它在普通视图和集合视图中工作正常。这是应用程序代码中的错误还是问题?有没有办法克服这个问题?比如通过使用模板加载整个HTML,使用它???请尽快帮助我 这是我的密码 $(function(){ Ed.View.Header =
$(function(){
Ed.View.Header = Em.ContainerView.extend({
classNames: ['btn-group'],
tagName:'div',
attributeBindings: ['data-toggle'],
data-toggle: 'buttons-checkbox',
childViews: ['archived', 'created', 'started', 'completed'],
'archived':Em.View.extend({
classNames: ['btn'],
tagName:'button',
title:'Hide Archived',
valueBinding: "Ed.state.hideArchived"
}),
'created':Em.View.extend({
classNames: ['btn'],
tagName:'button',
title:'Hide Created',
valueBinding: "Ed.state.hideCreated"
}),
'started':Em.View.extend({
classNames: ['btn'],
tagName:'button',
title:'Hide Started',
valueBinding: "Ed.state.hideStarted"
}),
'completed':Em.View.extend({
classNames: ['btn'],
tagName:'button',
title:'Hide Completed',
valueBinding: "Ed.state.hideCompleted"
})
});
});
没有足够的代码运行您的示例,请尝试:
attributeBindings: ['dataToggle:data-toggle'],
dataToggle: 'buttons-checkbox',
它应该可以完成任务。没有足够的代码运行您的示例,但请尝试一下:
attributeBindings: ['dataToggle:data-toggle'],
dataToggle: 'buttons-checkbox',
这应该能胜任工作。谢谢你的帮助,兄弟。由于连字符是问题所在,我找到了如下修复方法
attributeBindings: ["data-toggle"],
'data-toggle': 'buttons-checkbox',
这被视为
<div id="ember346" class="ember-view btn-group" data-toggle="buttons-checkbox">
<button id="ember354" class="ember-view btn"></button>
<button id="ember365" class="ember-view btn"></button>
<button id="ember376" class="ember-view btn"></button>
<button id="ember387" class="ember-view btn"></button></div>
谢谢你的帮助,兄弟。由于连字符是问题所在,我找到了如下修复方法
attributeBindings: ["data-toggle"],
'data-toggle': 'buttons-checkbox',
这被视为
<div id="ember346" class="ember-view btn-group" data-toggle="buttons-checkbox">
<button id="ember354" class="ember-view btn"></button>
<button id="ember365" class="ember-view btn"></button>
<button id="ember376" class="ember-view btn"></button>
<button id="ember387" class="ember-view btn"></button></div>
我刚刚了解到问题在于属性名称中的连字符。它不带连字符地呈现属性。任何人都可以帮我呈现这个属性?我只知道问题在于属性名称中的连字符。它不带连字符地呈现属性。任何人都可以帮助我渲染此属性?