ExtJsレンダリングされたhtmlにデータ属性を追加するには？

Question

ExtJsを使用する4.1。

私は（例えば）パネルを作成していると私は、生成されたHTMLは、1つまたは複数の「データ - 」属性が含まれていることを希望：これはどのように（たとえばdata-intro="some text" data-step="1"）

を行うことができますか？

Answer 1

コンポーネントが描画された後、あなたは、コンポーネント

例表すトップレベルの要素に属性を適用することができます：あなたはこれを達成するためにautoEl config optionを使用することができます

var panel = Ext.create('Ext.panel.Panel',{ 
    title: 'Test', 
    width: 500, 
    height: 200, 
    renderTo: Ext.getBody(), 
    listeners: { 
     afterrender: function(cmp) { 
      cmp.getEl().set({ 
       "data-intro": 'some text', 
       "data-step": 1 
      }); 
     } 
    } 
}); 

panel.show(); 

Answer 2

を。

{ 
    xtype: 'panel', 
    title: 'My Panel', 
    autoEl: { 
     tag: 'div', 
     'data-step': '1' 
    } 
}