2010-04-08 31 views
5

Tôi muốn lấy phần tử ExtJS (div) được lấy từ bộ chọn DOM và chuyển đổi thành thành phần ExtJS (bảng điều khiển). Làm thế nào tôi có thể đi về việc này? Cảm ơn.ExtJS Element thành Component

Trả lời

6

Bạn muốn sử dụng cấu hình contentEl. Nó đặt những gì trong div vào bảng điều khiển.

<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

đó là chính xác những gì tôi cần. CẢM ƠN! – needhelp

+2

Chỉ cần rõ ràng, điều này đơn giản là sử dụng innerHTML của phần tử làm nội dung của bảng điều khiển mới - KHÔNG "chuyển đổi" thành phần thành thành phần Panel. Bạn thực sự có thể chuyển đổi đánh dấu hợp lệ thành một thành phần Panel bằng cách sử dụng phương thức 'applyToMarkup', nó khác nhau. FYI. –

+0

Điều đó cũng tốt để biết. Cảm ơn! – needhelp

Các vấn đề liên quan