2010-04-08 11 views
5

मैं डीओएम चयनकर्ता से पुनर्प्राप्त एक एक्स्टजेस तत्व (div) लेना चाहता हूं, और उसे एक ExtJS घटक (एक पैनल) में परिवर्तित करना चाहता हूं। मैं ऐसा कैसे कर सकता हूं? धन्यवाद।घटक के लिए ExtJS एलिमेंट

उत्तर

6

आप contentEl कॉन्फ़िगरेशन का उपयोग करना चाहते हैं। यह पैनल में div में क्या है जगह रखता है।

<html> 
    <head> 
    <link rel="stylesheet" href="ext-3.1.1/resources/css/ext-all.css" /> 
    <script src="ext-3.1.1/adapter/ext/ext-base.js"></script> 
    <script src="ext-3.1.1/ext-all-debug.js"></script> 
    <script> 
     Ext.BLANK_IMAGE_URL = 'ext-3.1.1/resources/images/default/s.gif'; 
     Ext.onReady(function(){ 
     var viewport = new Ext.Viewport({ 
      items: [{ 
      title: 'About Us', 
      width: 200, 
      height: 200, 
      contentEl: 'about_us' 
      }] 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <div id="about_us">We are a great team to work with!</div> 
    </body> 
</html> 

div content inside a panel

+0

है कि मैं वास्तव में क्या जरूरत है। धन्यवाद! – needhelp

+2

बस स्पष्ट होने के लिए, यह केवल तत्व के आंतरिक HTML का उपयोग नए पैनल की बॉडी सामग्री के रूप में कर रहा है - तत्व को पैनल घटक में "रूपांतरित नहीं" कर रहा है। आप वास्तव में 'applyToMarkup' विधि का उपयोग करके एक वैध घटक को पैनल घटक में परिवर्तित कर सकते हैं, जो अलग है। FYI करें। –

+0

यह जानना भी अच्छा है। धन्यवाद! – needhelp