2012-12-08 35 views
2

伙计们可以帮助我。 这里是我有什么, Ember binding with only an hashemberjs绑定与散列

这里是模板,

<script type="text/x-handlebars"> 
{{#each Page.PageController.content.tasks}} 
{{#view Page.PageView contentBinding="this"}} 

{{#unless editing}} 
<div> 
    <h2>{{title}}</h2> {{view Ember.Checkbox checkedBinding="editing"}} 
</div> 
{{/unless}} 

{{#if editing}} 
<div> 
    <h2>{{view Ember.TextField valueBinding="title"}}</h2> 
    {{view Ember.Checkbox checkedBinding="editing"}} 
</div> 
{{/if}} 

{{/view}} 
{{/each}}  
</script>​ 

这里是JS,

Page = Ember.Application.create(); 
Page.PageController = Ember.ObjectController.create({ 
    content: { 
     tasks: [ 
      { 
      title: 'Heading', 
      editing: false}, 
     { 
      title: 'Heading', 
      editing: false} 
     ] 
    } 
}); 

Page.PageView = Ember.View.extend({ 
    edit: function() { 
     var content = this.getPath('content'); 
     content.set("editing", true); 
    } 
});​ 

的问题是,我可以绑定一个普通的布尔旧的散列与视图Ember.Checkbox,但我怎么能做到这一点的链接操作?

+0

对不起,能否请您解释一下你正在努力实现/什么不工作,你有什么? –

回答

2

您需要使用Ember Objects不是纯哈希为绑定在你需要改变你的代码如下

Page.PageController = Ember.ObjectController.create({ 
content: Ember.Object.create({ 
    tasks: [ 
     Ember.Object.create({ 
     title: 'Heading', 
     editing: false 
     }), 
     Ember.Object.create({ 
     title: 'Heading', 
     editing: false 
     }) 
    ] 
    }) 
}); 

让我知道,如果这有助于在上面的例子中正常工作...

更新
Fiddle

+0

感谢您的回复。我知道我们可以用烬对象来做。在角度上,我们可以使用纯哈希。我希望如果我们能够在烬中做到这一点。另一件事是你看到复选框绑定正在工作,所以我认为可能有一种方法来使用链接。 – Jitu

+0

你能解释一下你的链接是什么意思吗? –

+0

这是另一个[小提琴](http://jsfiddle.net/ashraf_zmn/DZynj/11/)。点击时,我想要一个编辑链接和内联编辑。 – Jitu