ExtJs:el与contentEl区别

最新推荐文章于 2017-09-24 20:25:39 发布

原创最新推荐文章于 2017-09-24 20:25:39 发布 · 768 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了ExtJs中el与contentEl属性的区别。el属性用于将Ext元素插入到指定的DOM元素内，而contentEl则是将外部DOM元素的内容嵌入到Ext面板中。通过实例展示了两者不同的使用效果。

1、把<div id="div_exam"></div>嵌入到当前Ext元素panel内:

   Js代码  
   
  
 {  
      fieldLabel: "上传图片",  
           xtype: 'panel',  
      contentEl: 'div_exam'  
 }  

效果:

   Html代码  
   
  
 <div class="x-panel-body x-panel-body-noheader" id="ext-gen155" style="width: 500px;">  
       <div id="div_exam"></div>  
 </div>  

2、.把当前Ext元素panel嵌入到<div id="div_exam"></div>内

   Js代码  
   
  
 {  
       fieldLabel: "上传图片",  
               width: 200,  
               xtype: 'panel',  
                     el: 'div_exam'  

效果:

   Html代码  
   
  
 <div id="div_exam">  
       <div class="x-panel-body x-panel-body-noheader" id="ext-gen155" style="width: 500px;">....</div>  
 </div>  