如何在extjs按钮中添加数据属性

mgdq6dx1  于 2023-10-18  发布在  其他
关注(0)|答案(3)|浏览(122)

我想在创建时添加一个data- attribute到extjs按钮。我使用了setAttributes方法,但我不想使用setAttributes方法。data- attribute应该像其他配置选项一样添加。

hwamh0ep

hwamh0ep1#

您可以使用autoEl属性来实现,例如:

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

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

wgxvkvu9

wgxvkvu92#

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

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

jc3wubiy3#

您可以像这样添加自己的数据属性:

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

相关问题