ExtJs:el与contentEl区别

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

转载最新推荐文章于 2017-09-24 20:25:39 发布 · 682 阅读

web前端专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍了如何使用Ext JS将指定组件嵌入到div元素内，并提供了具体的JavaScript代码实现及HTML效果展示。

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>  