Question

我按照这个分页教程但无法使“下一页”/“上一页”工作。 http://webcloud.info/blog/2014/11/01/building-a-real-world-pagination-with-ember-js-the-right-way/

JSBIN - http://emberjs.jsbin.com/manetavule/2/

警告永远不会在点击事件中运行，不知道我做错了什么？

Myapp.PaginatonBaseComponent = Ember.Component.extend({  
 tagName: 'button',
 classNames: 'btn btn-default'.w(),
 attributeBindings: ['disabled'],
 enabled: true,
 disabled: Ember.computed.not('enabled'),
 action: null,
 click: function(){
  alert('not triggered!');
  this.sendAction();
 }
});

Answer 1

组件的名称拼写错误。

而不是

Myapp.PaginatonBaseComponent = Ember.Component.extend({

应该是

Myapp.PaginationBaseComponent = Ember.Component.extend({
您的（组件）按钮被禁用。这样做的原因是您传入的enabled属性值为false因此，您的disabled属性设置为与您的enabled属性相反的属性true并且您的按钮被禁用，因此click事件未被运行。

我修复了以下jsbin中的两个问题：1）正确拼写组件名称; 2）明确地将disabled属性设置为false（现在），以便您现在可以看到{{1确实正在调用处理程序。

http://jsbin.com/cuqada/1/edit?html,js,output

EmberJs：分页示例中未触发组件操作

1 个答案: