点击Ember组件处理按钮

时间:2015-10-05 14:10:22

标签: ember.js

我正在创建一个扩展按钮的组件我正在寻找一种方法来处理Ember 1.13.0中的按钮单击事件。我试过以下代码,但没有运气

//custom-button.js
export default Ember.Component.extend({

tagName: 'button',

attributeBindings: ['autofocus', 'accesskey', 'form', 'formaction', 'formenctype', 'type',
    'formmethod', 'formnovalidate', 'formtarget', 'name', 'value', 'contenteditable', 'contextmenu', 'dir',
    'draggable', 'dropzone', 'hidden', 'id' ,'lang', 'spellcheck', 'style', 'tabindex', 'title', 'translate',
    'disabled', 'role', 'targetForm'],

type: 'button',

click: function() {
    alert('clicking');
    this.sendAction();
}, 

//edit.hbm 
{{mbs-custom-button class="btn btn-primary" role="button" label=(t 'action.save') action="save"}}

1 个答案:

答案 0 :(得分:1)

从attributeBindings中删除id attr可以解决您的问题。 请参阅:http://ember-twiddle.com/5e253f7e36b8eb0fe015