我们知道,只有在Ext框架全部加载完后才能在客户端的代码中使用Ext,而Ext的onReady正是用来注册在Ext框架及页面的html代码加载完后,所要执行的函数。调用onReady方法时可以带三个参数,第一个参数是必须的,表示要执行的函数或匿名函数,第二参数表示函数的作用域,第三个参数表示函数执行的一些其它特性,比如延迟多少毫秒执行等,大多数情况下只需要第一个参数即可。
比如示例代码会在页面加载后执行函数a,弹出"Everything is ready."的提示信息。
Java代码
function a(){
alert("Everything is ready.");
}
Ext.onReady(a); //不能写成Ext.onReady(a()); 因为参数是函数名!
可以在一个页面中多次调用onReady方法,则将会把这些方法放到事件队列中,依次执行;onReady的第三个参数是事件执行的一些特殊属性描述,可以是简单的true或false,也可以是一个对象,对象中可以包含delay、single、buffer等属性,比如在上面的代码中添加下面的代码:
Java代码
Ext.onReady(function(){alert("2")},this,{delay:5000});
则在页面加载完成后,执行了a方法中的内容,5秒后会执行上面onReady方法中的匿名函数。
作用域是javascript中一个比较关键的特性,我们可以在事件中执行某一个函数的执行的作用域,下面的代码演示了在onReady方法中使用作用域。
Java代码
var b1={v:"this is b1"};
var b2={v:"this is b2"};
function b()
{
alert(this.v);
}
Ext.onReady(b,b1);
Ext.onReady(b,b2);
上面的代码直接调Ext类的onReady方法指定在页面加载完后执行函数b,函数b中的代码是输出当前对象的v属性值,执行这段代码可以看到onReady中作用域的效果。
分享到:
相关推荐
- `Ext.onReady`函数用于在DOM加载完成后执行代码,这里是创建`TreePanel`的合适时机。 - `Ext.BLANK_IMAGE_URL`通常用于设置占位符图片的URL,防止因图片未加载而出现的错误图标。 - `TreeLoader`对象用于从...
代码如下: Ext.onReady(function() { Ext.Msg.alert(‘提示’, ‘逗号分隔参数列表’); //这种方式非常常见的 }); 效果图: 代码如下: Ext.onReady(function() { //定义 JSON(配置对象) var config = { ...
在上述代码中,`Ext.onReady`确保在DOM加载完成后再执行JavaScript代码。`Ext.Msg.show`用于创建消息对话框,`Ext.get`则用于根据ID获取DOM元素。`Ext.fly`函数类似,但它的设计目的是快速执行一次性的DOM操作,而不...
Ext.onReady(function() { var iframe = Ext.create('Ext.ux.IFrame', { src: 'http://example.com', plugins: ['miframe'] // 使用miframe插件 }); var panel = Ext.create('Ext.Panel', { items: [iframe]...
Ext.onReady(function() { var uploadDialog = new Ext.ux.UploadDialog({ title: '文件上传', url: '/server/upload.php', // 服务器端处理文件的URL width: 400, height: 300, listeners: { '...
接下来通过 `Ext.onReady` 函数确保 DOM 完全加载后执行代码。 ```javascript Ext.onReady(function() { //... }); ``` #### 三、数据模型与列模型配置 **数据模型** (`Store`) 负责数据的存储与管理,这里使用了...
它模仿了Ext.js库中的`Ext.onReady`功能,确保在页面DOM完全加载后执行指定的函数,即`GOOGLEResize`。 1. **IE的检测与处理**: 在IE浏览器中,代码通过检查`navigator.userAgent`来识别版本,并利用`...
**总结**:本节通过具体的步骤和示例,详细介绍了如何在EXT中创建一个简单的Hello World程序,并对`Ext.onReady`方法进行了深入解析。这不仅有助于理解EXT的基本使用方式,也为后续更复杂的应用打下了坚实的基础。
3. **初始化应用**: 使用 `Ext.onReady` 函数来确保 DOM 加载完成后再执行 JavaScript 代码。例如: ```html Ext.onReady(function() { Ext.MessageBox.alert("Hello World", "Hello World!"); }); ``` ###...
上面的代码展示了如何使用`Ext.onReady()`来弹出一个警告框,告知用户Ext已经配置成功。 #### 五、Ext.Element对象:Ext的核心 `Ext.Element`是Ext 2.0的核心功能之一,提供了对DOM元素的强大操作能力。通过`Ext....
案例如下: 代码如下: Ext.onReady(function(){ Ext.MessageBox.alert(“提示”,”请单击我,确定”,callBack); function callBack(id){ alert(“单击的按钮ID是:”+id); } Ext.MessageBox....
Ext.onReady(function(){ Ext.get('messageBox1').on('click', function(){ Ext.MessageBox.alert('状态', '成功'); }); }); ``` ##### 2. Ext.MessageBox.confirm() `Ext.MessageBox.confirm()` 方法用于...
EXTJS 应用程序的启动通常从`Ext.onReady` 函数开始。这个函数会在DOM加载完成后执行,确保在操作DOM元素时页面已经完全准备就绪。例如,我们可以使用如下方式在页面加载完毕后弹出提示框: ```javascript Ext....
- 初始化应用:使用Ext.onReady或Ext.application启动应用。 5. EXT的响应式设计 EXT还支持响应式布局,可以根据不同设备和屏幕尺寸自动调整界面,适应移动设备和平板电脑,实现跨平台的Web应用开发。 6. 扩展与...
2.4 关于ext.onready / 38 2.5 关于ext.blank_image_url / 40 2.6 关于字体 / 42 2.7 ext js 4语法 / 42 2.8 本地化 / 60 2.9 为本书示例准备一个模板 / 60 2.10 本章小结 / 61 第3章 调试工具及技巧 / 62 ...
例如,`Ext.onReady`是一个静态方法,它会在DOM加载完成时执行回调函数,常用于初始化应用。 5. **dojochina社区**:dojochina是中国的Dojo社区,它同样关注EXT框架,提供了很多EXT的教程、示例和讨论,帮助开发者...