`
wjt276
  • 浏览: 650284 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

ExtJs:el与contentEl区别

EXT 
阅读更多

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

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

 
效果:

<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>内

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

 
效果:

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

 

分享到:
评论

相关推荐

    ExtJS2.2学习:再论el和contentEl的区别

    3. **el与contentEl的组合使用** 测试三展示了`el`和`contentEl`在组合使用时的情况。当在Panel的`items`配置中使用`contentEl`时,它会将指定的DOM元素内容插入到子组件(这里是一个新的Panel)中。无论是将`panel...

    ExtJs:收集基于ExtJs扩展的一些控件

    ExtJs 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。它提供了丰富的用户界面组件,如数据网格、表格、图表、窗体等,使得开发者能够创建功能丰富的、交互性强的前端应用。本压缩包文件中收集了基于...

    ExtJs grid多选时获取选中的所有值

    ### ExtJs Grid 多选及获取选中值详解 #### 一、背景介绍 在Web应用开发中,ExtJs 是一款非常强大的JavaScript框架,它能够帮助开发者快速构建复杂的用户界面。其中,Grid Panel(简称 Grid)是ExtJs中最常用的一个...

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    spritemaker_extjs:带有 extjs ui 的 css sprite maker

    【spritemaker_extjs:带有 extjs ui 的 css sprite maker】是一个专为 ExtJS 用户界面设计的 CSS Sprite 生成工具。这个工具可以帮助开发者合并多个小图(图标或UI元素)成一个大图(Sprite 图),以此优化网页加载...

    eslint-plugin-extjs:使用ExtJS框架的项目的ESLint规则

    这些规则的目标是与ExtJS 4.x一起使用。 欢迎请求与5.x兼容的请求! 规则明细 ext-array-foreach ExtJS提供的两个主要的数组迭代器函数和不同之处在于, each函数都为早期终止和反向迭代提供了额外的功能。 但是,...

    Alien-Web-ExtJS-V3:Alien-Web-ExtJS-V3 的只读发布历史

    Alien::Web::ExtJS::V3 - ExtJS 3.x 源的 Perl 发行版 版本 ExtJS v3.4.11 (GPL) 概要 use Alien::Web::ExtJS::V3 '3.4.11'; my $dir = Alien::Web::ExtJS::V3-&gt;dir; print "ExtJS sources are installed in: $dir\...

    extJS4.x中文API学习教程【技术文档】

    extJS4.x中文API学习教程Extjs初步获取Extjs下载extjs:

    extjs面板设计好的东西哦

    extjs面板设计 var tabs = new Ext.TabPanel({ renderTo: 'tabs1', width:450, activeTab: 0, frame:true, defaults:{autoHeight: true}, items:[ {contentEl:'script', title: 'Short Text'}, {contentEl:'...

    EXTJS网站后台以及JSP+JSTL+EL网站前台

    综合这些知识点,我们可以理解这个项目是一个集成了EXTJS前端和JSP+JSTL+EL后端的网站应用,具备图片和视频上传、播放以及地图显示等功能。开发这样的系统需要掌握前端和后端的多种技术,并能有效地协调前后端数据...

    eEcology-ExtJS:eEcology 项目中应用的共享 ExtJS 组件

    eEcology 项目中应用程序的共享 ExtJS 组件。 要求 SenchaCmd,从下载并安装。 karma,为了运行测试,使用sudo apt-get install nodejs lcov和sudo npm install -g karma-cli 。 业力插件, cd packages/datetime/...

    generator-extjs:用于 ExtJS 的 Yeoman 生成器 - 让您快速设置具有合理默认值和最佳实践的项目

    生成器-extjs 生成器 入门 什么是约曼? 套路问题。 这不是一回事。 是这个人: 基本上,他戴着大礼帽,住在你的电脑里,等着你告诉他你想创建什么样的应用程序。 并非每台新计算机都预装了 Yeoman。 他住在包...

    extjs:在项目中用作 git-submodule 的 extjs 的 git 存储库

    下面我们将深入探讨ExtJS 4.2.1及其与Git子模块的相关知识。 1. **ExtJS 4.2.1**: - 版本特性:ExtJS 4.2.1是该框架的一个稳定版本,发布于2013年。它包含了一些重要的增强和修复,比如性能优化、新的图表组件...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    grunt-extjs:Grunt 的 ExtJS 路径和​​依赖项生成器

    grunt-extjs v0.1.3 生成 ExtJS 路径和​​依赖项。入门这个插件需要 Grunt ~0.4.0 如果您以前没有使用过 ,请务必查看指南,因为它解释了如何创建以及安装和使用 Grunt 插件。 熟悉该过程后,您可以使用以下命令...

    menu-dinamico-extjs:动态 ExtJS 菜单

    带有 PHP 的 ExtJS 动态菜单这是使用 PHP 的 ExtJS 动态菜单示例,我的意思是使用 PHP,但它可以用任何后端语言完成。 此存储库包含 Ext 项目 5.1 版的“app”文件夹。 菜单由“menu.php”文件定制。 如下: &lt;?...

    Extjs教程源码

    Extjs教程源码 介: ***************第一部分基础知识**************** 第一讲: EXTJS4.0概述和HelloWorld程序 第二讲: EXTJS4.0的新特性 第三讲: EXTJS4.0数据模型——Model 第四讲: EXTJS4.0的数据代理——Proxy ...

    sencha-couchdb-extjs:Sencha ExtJS的CouchDB CRUD支持

    SenchaCouchDBExtJS SenchaCouch是Sencha ExtJS的小型库,用于执行CRUD操作并将嵌套的数据集写入CouchDB兼容的数据库。 CouchDB兼容的数据库(我知道): CouchDB(DUH) 云量PouchDB(使用pouchdb服务器) ...

    EXTJS与.NET开发

    EXTJS与.NET的结合使用,使得开发者可以利用EXTJS的强大前端能力,与.NET的高效后端处理相结合,创建出功能强大且用户体验良好的Web应用。以下是一些关于EXTJS与.NET开发的关键知识点: 1. **EXTJS组件与.NET MVC**...

    EXTJS4.0视频教程配套代码

    [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS4.0的新特性.002.zip (50.00M)[02]EXTJS4.0的新特性.001.zip 第三讲:extjs4.0数据模型--Model(附件较大做了分包压缩大家只要下载2个包运行001就ok了) [03]EXTJS...

Global site tag (gtag.js) - Google Analytics