组件可以直接通过new 关键子来创建,比如控件一个窗口,使用new Ext.Window(),
创建一个表格则使用new Ext.GridPanel()。当然,除了一些普通的组件以外,一般都会在构
造函数中通过传递构造参数来创建组件。
组件的构造函数中一般都可以包含一个对象,这个对象包含创建组件所需要的配置属性
及值,组件根据构造函数中的参数属性值来初始化组件。比如下面的例子:
var obj={title:"hello",width:300,height:200,html:'Hello,easyjf open source'};
var panel=new Ext.Panel(obj);
panel.render("hello");
<div id="hello"> </div>
可以省掉变量obj,直接写成如下的形式:
var panel=new Ext.Panel({title:"hello",width:300,height:200,html:'<h1>Hello,easyjf open source</h1>'});
panel.render("hello");
render 方法后面的参数表示页面上的div 元素id,也可以直接在参数中通过renderTo 参
数来省略手动调用render 方法,只需要在构造函数的参数中添加一个renderTo 属性即可,
如下:
new Ext.Panel({renderTo:"hello",title:"hello",width:300,height:200,html:'<h1>Hello,easyjf open source
</h1>'});
对于容器中的子元素组件,都支持延迟加载的方式创建控件,此时可以直接通过在需要
父组件的构造函数中,通过给属性items 传递数组方式实现构造。如下面的代码:
var panel=new Ext.TabPanel({width:300,height:200,items:[ {title:"面板1",height:30},{title:"面板
2",height:30},{title:"面板3",height:30}]});panel.render("hello");
这些代码定义了TabPanel 这个容器控件中的子元素,里包括三个面板。上面的代码与下面的代码等价:
var panel=new Ext.TabPanel({width:300,height:200,items:[new Ext.Panel( {title:"面板1",height:30}),new
Ext.Panel({title:"面板2",height:30}),new Ext.Panel({title:"面板3",height:30})]});panel.render("hello");
前者不但省略掉了new Ext.Panel 这个构造函数,最重要前者只有在初始化TabPanel 的
时候,才会创建子面板,而第二种方式则在程序一开始就会创建子面板。也就是说,前者实
现的延迟加载。
分享到:
相关推荐
Ext 组件:Ext初学者必备 初学宝典 Ext组件概述
我博文 Ext下多tab的延迟加载问题.docx 文章里的原文。
xtype Class box Ext.BoxComponent 具有边框属性的组件 Button Ext.Button 按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component 组件 container Ext.Container 容器
ExtJS的组件化开发,描述如何通过将ExtJS组装成组件供项目组调用
ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ex
EXT 组件详解EXT 组件详解EXT 组件详解
NULL 博文链接:https://sungoshine.iteye.com/blog/1154539
Ext组件精解,可以做出非常漂亮的界面,里面讲解详细,例子很多!!
Ext组件转化成JSF Ext组件转化成JSF ext组件转化成JSF Ext组件转化成JSF Ext组件转化成JSF ext组件转化成JSF
EXT组件一些属性与方法(MessageBox)[文].pdf
Ext2.0组件,全组件和帮助手册,部分为中文帮助手册
目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...
Ext的gridpanel控件二次加载时丢失解决方案
Ext Calendar 是 ExtJS 的一个功能非常强大的日历显示组件,支持包括 IE、Firefox、Safari、Chrome 和 Opera 浏览器。 类结构图如下所示: 运行效果图如下: 标签:ExtCalendar
Ext组件扩展包 - DateTime,非常实用漂亮的日历组件,希望大家喜欢。
Ext4 动态加载js例子 Ext4 动态加载js例子 Ext4 动态加载js例子 Ext4 动态加载js例子
1、Ext版本:3.2.1; 2、运行环境:VS 2008 以上; 3、远程加载数据,数据在程序中生成,无需连接数据库或XML文件; 4、运用Viewport管理页面布局 5、GridPanel的各种功能和特效
这个视频说的是针对EXT中的Grid使用项目,编写了从服务端到客户端,数据采用xml传输,通过这个实例你将了解EXT控件的简单使用,和里边的一些细节问题。含有源代码。
Ext的FormPanel组件说明formPanel的详细使用说明
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825