एचटीएमएल प्रस्तुत किए गए एक्स्टजेस में डेटा-विशेषताएं कैसे जोड़ें?

Question

ExtJs 4.1 का उपयोग करना।

मैं (उदाहरण के लिए) एक पैनल बना रहा हूं और मैं चाहते हैं कि उत्पन्न एचटीएमएल एक या अधिक "डेटा-" गुण (उदाहरण के लिए: data-intro="some text" data-step="1") भी शामिल है

यह कैसे किया जा सकता है?

Answer 1

के बाद घटक प्रदान की गई है, तो आप उच्च स्तर घटक घटक का प्रतिनिधित्व

उदाहरण के लिए गुण लागू हो सकते हैं:

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

आप इस लक्ष्य को हासिल करने के लिए autoEl config option उपयोग कर सकते हैं।

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