ExtJS学习笔记 - onReady
2011-10-17 21:42
253 查看
这几天在学习ExtJS,爱上了它丰富的漂亮的UI。让人开心的是,只要通过编写javascript就能做出专业的美工来,这对于开发人员来说是如此大的魅力呢。
首先是使用ExtJS的准备工作,把adapter和resources两个文件夹,和ext-all.js文件复制到我们的项目中。然后在页面中引入,代码如下:
Code
<link href="ExtJS/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ExtJS/ext-all.js"></script>
这样我们就能使用ExJS了。
首先从基本的Ext.onReady(Function fn,Object scope,boolean override)开始。onReady方法将会在页面加载完成后执行,相当于我们平时常用到的window.onload方法,它是Ext.EventManager.onDocumentReady的缩写版。onReady一共有三个参数:第一个参数是页面加载完成后要执行的函数,这也是我们用的最多的。
Code
function init()
{
Ext.MessageBox.alert("Alert","页面加载完成!");
}
Ext.onReady(init);
第二个参数是指定要执行的函数所在的域。
Code
var show={mss:"我加载完成了!"};
function init()
{
Ext.MessageBox.alert("Alert",this.mss);
}
Ext.onReady(init,show);
至于第三个参数,我也不太清楚,大概是用来控制函数的执行的吧,一般很少会用到。
相关文章推荐
- extjs学习笔记----Ext.onReady
- ExtJS学习笔记1--onReady
- ExtJS学习笔记1--onReady
- ExtJS 学习笔记
- extjs学习笔记(二) Ext.Element类
- ExtJs学习笔记 根据数据库生成动态多级树
- extjs6.2 学习笔记2-本地化
- extjs 学习笔记 四 带分页的grid
- ExtJS学习笔记
- Extjs学习笔记之二 初识Extjs之Form
- Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
- Extjs学习笔记之七——布局
- extJs 2.1学习笔记(Ext.data.JsonReader篇一)
- ExtJS学习笔记:定义extjs类
- extJs 2.1学习笔记(Ext.data.Store篇)
- 【ExtJs学习笔记】5.组件和容器
- extJs 2.1学习笔记(JSON序列化篇)
- ExtJs学习笔记(一) 开发配置
- ExtJS4学习笔记三--远程访问数据源示例
- ExtJs学习笔记(8)_TabPanel的用法