extjs笔记(一) ext.onready()用法

定义:加载完ExtJs库之后,开始加载OnReady中指定的函数

参数:onReady( fn, scope, options )

  1. fn回调函数 表示要执行的函数

  2. scope表示函数的作用域

  3. 表示函数执行的一些其它特性,比如延迟多少毫秒执行等,大多数情况下只需要第一个参数即可。

事例探究一:加载方法的作用


a.

function a(){

alert("every thing is OK!")

Ext.onReady(a);

b.

Ext.onReady(function(){

alert("every thing is OK!");

});

结果打印MsgBox框:every thing is OK!

事例探究二:参数解释


<script type="text/javascript">

var b1={v:"this id b1"};

var b2={v:"this id b2"};

function b(){

alert(this.v);

}

Ext.onReady(b,b1,{dealy:"50000000"});

Ext.onReady(b,b2,{dealy:"50000000"});

</script>

extjs笔记(一) ext.onready()用法

时间: 2024-08-12 13:57:47

extjs笔记(一) ext.onready()用法的相关文章

ExtJs笔记

1.Ext简介.Extjs是一个Ajax框架,是一个用javascript写的,用于在客户端创建丰富多彩的web应用程序界面.ExtJs可以用来开发RIA(Rich Internet Application,富互联网应用系统)的Ajax应用框架.ExtJs是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架.因此,可以把ExtJs用在.Net,Java.Php等各种开发语言开发的应用中2.Ext库文件说明                       

ExtJS 4 【Ext.data.proxy.Ajax】

namespace ExtJSProject.WebApi.Models { [Serializable] [DataContract] public class Person { [DataMember] public string Name { get; set; } [DataMember] public int Age { get; set; } } }   namespace ExtJSProject.WebApi.Controllers { [RoutePrefix("api/Per

Extjs Ext.onReady的用法

最近在学习Extjs,当然首先学习的肯定是从官网下载下来的example. 从学习上而言对于Extjs,我个人认同的是李林峰老师所言先从视图开始,搞一些所见即所得的东西. 废话有点多,对于Extjs而言个人认为最初需要弄明白的函数就是 Ext.onReady函数. onReady方法在页面完毕(onload方法被调用之前以及图片被装载之前)调用初始化函数. 在API中是如此定义onReady方法: onReady( Function fn, Object scope, Boolean withD

【Ext.Net学习笔记】02:Ext.Net用法概览、Ext.Net MessageBus用法、Ext.Net布局

Ext.Net用法概览 Ext.Net还是很强大,如果运用熟练可以极大的提高编程效率.如果你也要学习Ext.Net,原文博主推荐书籍:<Ext.Net Web 应用程序开发教程>,是英文的,有基础的可以看下,可以百度到PDF文档的. Ext.Net与ExtJS代码比较 上一篇中我们创建了一个使用Ext.Net创建了一个window窗口,代码非常简单: <ext:Window runat="server" ID="win" Title="示

ext js Ext.onReady()的用法

问题:先自定义一个函数f(),在通过Ext.onReady(f())方式来调用. 看书上写的是: <script language="javascript">          function f(){   Ext.Msg.show({         title:'Hello',         msg:'Have you seen my heart?',         buttons:{                      yes:'true',       

ExtJS笔记 Ext.Loader

Ext.Loader is the heart of the new dynamic dependency loading capability in Ext JS 4+. It is most commonly used via the Ext.requireshorthand. Ext.Loader supports both asynchronous and synchronous loading approaches, and leverage their advantages for

ExtJS笔记--applyTo和renderTo的差别

extjs中常常会用到renderTo或applyTo配置选项.这里,我就比較下两者的差别与使用方法.1.renderTo与render方法相应2.applyTo与applyToMarkup方法相应 一.applyTo的使用:1.applyTo所指向的el元素必需要有父节点.2.applyTo所指向的el元素实际上是充当了对象要渲染的模板,对象是渲染在其父节点内.即对象实例化后所产生的html代码是插入在el元素的父节点内,而el元素本身将仅仅作为模板,并不作为真正的在其位置上的元素,既然作为模

【extjs】 extjs5 Ext.grid.Panel 搜索示例

先看效果图: 页面js: <script type="text/javascript"> /** * 日志类型 store * */ var logTypeStore = Ext.create('Ext.data.Store', { fields: ['type', 'name'], data : [ {"type":"1", "name":"登录日志"}, {"type":

ExtJS4 Ext.onReady、Ext.define、Ext.create的区别与联系 http://blog.sina.com.cn/s/blog_48d7f92901011cfn.html

1.Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行. 2.Ext.define 说明:创建类,可以继承其他类,也可以被继承. 例子1: <script type="text/javascript"> Ext.onReady(function () { //创建一个类,类名:TextClass,具有两个属性:A.B Ext.define('TextClass', { A: 'a', B: 'b' }); //实例化类 var textClas