如何将数据属性添加到extjs按钮

Question

我想在创建时向extjs按钮添加数据属性。我使用了setAttributes方法，但我不想使用setAttributes方法。应该像其他配置选项一样添加.adata属性。

Answer 1

您可以使用autoEl属性，例如：

{
  xtype: 'button',
  text: 'Button',
  autoEl: {
    'data-attribute': 'foobar'
  }
}

工作示例：https://fiddle.sencha.com/#fiddle/1d0d

Answer 2

在按钮侦听器中添加以下代码段

afterrender:function(button){
         button.getEl().set({
         "data-id": "some text"
         });  
    }

Answer 3

您可以添加自己的数据属性，如下所示：

var button = new Ext.button.Button({
id: 'mybutton',
text: 'Click me',
'data-attribute': data,
handler: function() {
    alert('You clicked the button!');
}
});