Twitter bootstrap attributeBindings不适用于containerViews

Twitter bootstrap attributeBindings不适用于containerViews,twitter-bootstrap,ember.js,Twitter Bootstrap,Ember.js,我试图在ember框架中使用复选框类型的twitter引导按钮组。我有一个容器视图来保存按钮。每个按钮都是此容器视图的子级。为了使该按钮的复选框功能正常工作,我必须添加一个名为“数据切换”的属性。但是attributeBindings不适用于ContainerViews。它在普通视图和集合视图中工作正常。这是应用程序代码中的错误还是问题?有没有办法克服这个问题?比如通过使用模板加载整个HTML,使用它???请尽快帮助我 这是我的密码 $(function(){ Ed.View.Header =

我试图在ember框架中使用复选框类型的twitter引导按钮组。我有一个容器视图来保存按钮。每个按钮都是此容器视图的子级。为了使该按钮的复选框功能正常工作,我必须添加一个名为“数据切换”的属性。但是attributeBindings不适用于ContainerViews。它在普通视图和集合视图中工作正常。这是应用程序代码中的错误还是问题?有没有办法克服这个问题?比如通过使用模板加载整个HTML,使用它???请尽快帮助我

这是我的密码

$(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>


我刚刚了解到问题在于属性名称中的连字符。它不带连字符地呈现属性。任何人都可以帮我呈现这个属性?我只知道问题在于属性名称中的连字符。它不带连字符地呈现属性。任何人都可以帮助我渲染此属性?