[Ext JS 4] contentEL,renderTo, applyTo 释义与区别

前言

经常使用contentEL,renderTo, applyTo 来增加HTML元素或是Ext JS 组件，这几个之间有什么关系，为什么Ext JS要提供这几种不同的方式？

官方解释

ContentEL

从Ext.AbstractComponent这个类开始有这个配置。

使用一个已存在的HTML元素，或者是这个元素的id 来作为某个组件的的内容。(是在组件渲染后加入)

需要注意的是：

在render事件触发的时候，在文档中还找不到这个元素。这个HTML元素不会参与组件使用的布局方案。

为了防止添加进面板时出现短期的闪烁，最好时添加 x-hidden或是x-hide-display 的CSS 类。

renderTo

从Ext.AbstractComponent这个类开始有这个配置。

指定某个组件要渲染的元素的id 或是DOM元素。

注意：

[Ext JS 4] contentEL,renderTo, applyTo 释义与区别相关推荐

Ext JS的4.1.0的RC 1的发行说明
Ext JS的 - JavaScript框架 Ext JS的4.1.0的RC 1的发行说明发行日期:2012年3月13, 版本号:4.1.0的RC 1 修正的错误钮 EXTJSIV-5129 按钮 ...
Ext JS 6学习文档-第3章-基础组件
Ext JS 6学习文档-第3章-基础组件基础组件在本章中,你将学习到一些 Ext JS 基础组件的使用.同时我们会结合所学创建一个小项目.这一章我们将学习以下知识点: 熟悉基本的组件 – 按钮, ...
extjs ajax 遮罩层,[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏
前言 Load Mask(遮罩)效果,就是在页面还没有完全显示出来之前, 加上一个转装转的效果. 类似: 添加这样的效果有两个好处: 1. 在页面没完全show出来之前, 把后面的页面给遮罩起来, 防 ...
Ext JS 6学习文档-第6章-高级组件
Ext JS 6学习文档-第6章-高级组件高级组件本章涵盖了高级组件,比如 tree 和 data view.它将为读者呈现一个示例项目为图片浏览器,它使用 tree 和 data view 组 ...
[Ext JS 4] 实战之Grid, Tree Gird 动态添加列
前言在Ext js 中, 定义一个Grid 很方便,主要需要的是 1. 定义columns 2. 定义一个store 3. 定义grid var store1 = Ext.create('Ext.d ...
[Ext JS 4] 布局之实战二 - 中间区块不会自动伸展（tab）续
前言 [Ext JS 4] 布局之实战一 - 中间区块不会自动伸展 (tab) 在上一篇中,中间的tab 区块无法自动伸展的原因一句话说就是: 使用contentEL的方式,相关HTML元素不会参与组 ...
【翻译】使用Sencha Ext JS创建美丽的图画（1）
原文: Creating Beautiful Drawings Using Sencha Ext JS – Part 1 许多人可能对Ext JS中的图表包相当熟悉了.通过它可以快速创建相当强悍的可视 ...
在Ext JS本地化
在Ext JS本地化创建一个应用程序的工作是一件事;创建一个用户的应用是非常不同的东西.他们习惯于与沟通,他们理解的语言的使用者和公约是至关重要的. 想象这种情况下,你交给你的电话,以真诚的朋友,但 ...
Ext js 6 - Class System
Class System Overview 我们可以搭建测试代码, 不需要使用Sencha cmd <!DOCTYPE html> <html lang="en" ...

[Ext JS 4] contentEL,renderTo, applyTo 释义与区别

前言

官方解释

[Ext JS 4] contentEL,renderTo, applyTo 释义与区别相关推荐

最新文章

热门文章