组件可以直接通过new 关键子来创建,比如控件一个窗口,使用new Ext.Window(),创建一个表格则使用new Ext.GridPanel()。除了一些普通的组件以外,一般都会在构造函数中通过传递构造参数来创建组件。组件的构造函数中一般都可以包含一个对象,这个对象包含创建组件所需要的配置属性及值,组件根据构造函数中的参数属性值来初始化组件。
比如下面的例子:
<head>
<script>
Ext.onReady(function(){
var obj = {title:"hello",width:300,height:200,html:'<h1>Hello,ExtJS</h1>'}
var panel=new Ext.Panel(obj);
panel.render("mydiv");
});
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
可以省掉变量obj,直接写成如下的形式:
<script>
Ext.onReady(function(){
var panel=new Ext.Panel({title:"hello",width:300,height:200,html:'<h1>Hello,ExtJS</h1>'});
panel.render("mydiv");
});
</script>
render方法后面的参数表示页面上的div元素id,也可以直接在参数中通过renderTo参数来省略手动调用render方法,只需要在构造函数的参数中添加一个renderTo属性即可,如下:
var pane l= new
Ext.Panel({renderTo:"mydiv",title:"hello",width:300,height:200,html:'<h1>Hello,ExtJS</h1>'});
对于容器中的子元素组件,都支持延迟加载的方式创建控件,此时可以直接通过在需要父组件的构造函数中,通过给属性items传递数组方式实现构造。如下面的代码:
var panel=new Ext.TabPanel(
{width:300,height:200,
items:[{title:" panel1",height:30},
{title:" panel2",height:30},
{title:" panel3",height:30}
]});
panel.render("mydiv");
注意中括号中加粗部份的代码,这些代码定义了TabPanel这个容器控件中的子元素,这里包括三个面板。上面的代码与下面的代码等价:
var panel=new Ext.TabPanel({width:300,height:200,
items:[
new Ext.Panel({title:" panel1",height:30}),
new Ext.Panel({title:" panel2",height:30}),
new Ext.Panel({title:" panel3",height:30})
]});
panel.render("mydiv");
前者不但省略掉了new Ext.Panel这个构造函数,最重要前者只有在初始化TabPanel的时候,才会创建子面板,而第二种方式则在程序一开始就会创建子面板。也就是说,前者实现的延迟加载。
分享到:
相关推荐
Android四大组件简述demo用例。
android四大组件详细介绍,activity,service等从基础到应用开发,熟练的掌握android 组件的应用。
安卓四大组件 思维导图 使用iThoughs打开 包括 activity service .BroadcastReceiver ContentProvider
安卓四个组件之一 boradcastreceiver的简单使用
服务常常被用来在后台悄悄的执行一些事情,这些事情是用户在不影响用户使用的情况下完成的,比如后台更新天气,下载文件等等,这个也是几乎每一款app产品都有的功能,这里是一个简单的服务demo
初学COM,使用ATL创建COM组件,并测试COM组件的小例子
Java NIO中四大核心组件的使用详解
亿美SDK移动商务开发组件使用手册第四版
四、COM+组件包未完全卸载:本机以前安装过中间层,而且本机的中间层COM+组件包没有卸载干净。 解决方法:启动“控制面板-管理工具-组件服务”,然后在组件服务中进入“COM+应用程序”中,将K/3相关的包删除。 ...
第八章 使用WEBBROWSER组件创建前端 第九章 自定义控件 第十章 用户控件 第十一章 数据库前端 第十二章 软件前端的一些技巧 第三部分 中间层组件 第十三章 WEB窗体 第十四章 WEB控件 第十五章 用户控件 第...
Java NIO中四大核心组件的使用详解.rar
FLASH四宝贝之-使用ActionScript 3.0组件FLASH四宝贝之-使用ActionScript 3.0组件
预备知识 1. Intent Intent是信使,负责完成Android四大组件之间的信息传递,同类、不同类的组件无法直接传递对象,...四大组件都需要通过项目中的AndroidManifest.xml文件进行静态注册后才可正常使用,其中Broadcast
主要介绍了Android编程中的四大基本组件与生命周期,结合实例形式较为详细的分析了Android四大组件及生命周期的相关概念与使用技巧,需要的朋友可以参考下
FLASH四宝贝之-使用ActionScript.3.0组件中文版PDF文档,非扫描版!
Android上简单实现四大组件的插件化说明:此项目仅用于学习插件化基本的实现思路,在此基础上学习理解四大组件的运行机制。实现插件化的重点在于对Android四大组件和资源加载流程的分析和解读。插件化代码的编写,...
android四大组件之一广播接受者用法介绍,广播接受者的基本用法和使用过程中应该注意的地方
第四课 单文件组件介绍学习目录单文件组件基本结构单文件组件基本用法一.单文件组件基本结构之前我们学习过在全局状态下注册一个组件使用,这种方式有不少弊端,比如没有