Làm cách nào để thêm thuộc tính data vào ExtJs rendered html?

Question

Sử dụng ExtJs 4.1.

tôi là tạo ra một bảng điều khiển (ví dụ) và tôi muốn rằng html tạo bao gồm một hoặc nhiều "đĩa dữ liệu" thuộc tính (ví dụ: data-intro="some text" data-step="1")

Làm thế nào điều này có thể được thực hiện?

Answer 1

Sau khi thành phần đã trả lại, bạn có thể áp dụng các thuộc tính đến các yếu tố cấp cao nhất đại diện cho các thành phần

Ví dụ:

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

Bạn có thể sử dụng autoEl config option để đạt được điều này.

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