`
papa
  • 浏览: 41256 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext 部分方法使用说明

阅读更多

原文http://www.cnitblog.com/yemoo/archive/2007/12/18/37850.html
Ext.util.Observable:一个抽象基类,为事件机制的管理提供一个公共接口,如果你希望的类可以有事件,就继承它吧
Ext.apply:如果只传入两个参数,则将C继承D的所有方法属性,如果定义了B则每次都先继承B的方法属性然后再继承D的方法属性,即B是默认继承对象
1、Ext.apply(Object obj, Object config, Object defaults ) : Object
将config中的所有属性复制到obj中,如果配置了defaults,则先将defaults中的属性传入obj,然后再将config中属性传入,一般defaults用于定义一些默认值。
注意:每个参数都必须是对象object,而不能是function或其他。
创建object可以通过new function(){}、new Object()、{}等方法创建。

2、Ext.emptyFn: Function
用于返回一个空函数,便于在程序中创建空函数。Ext.emptyFn返回function(){}

3、Ext.applyIf(Object obj, Object config) : Object
功能如同Ext.apply,但是只把config中存在而obj不存在的属性复制过去。

4、Ext.addBehaviors( Object obj ) : void
为页面中一个或多个元素添加事件
元素使用css规则查找,其中元素与事件用@隔开
Ext.addBehaviors({
//为id为foo的元素下的所有a元素添加click事件
'#foo a@click' : function(e, t){
// do something
},
// 为多个选择器添加相同的事件(mouseover)。在@之前使用逗号分开
'#foo a, #bar span.some-class@mouseover' : function(){
// do something
}
});

5、Ext.id( [Mixed el], [String prefix] ) : String
返回一个唯一的id值。
如果只需要获取一个唯一的id值,则直接调用Ext.id();
如果需要为某个元素设定一个唯一的id值并返回id则调用Ext.id(el),el为元素Id、Dom对象或Ext的Element对象。
如果需要指定特定的前缀,则需要传入第二个参数,如Ext.id(el,”myPrix-”),默认前缀为ext-gen,如默认返回id可能为ext-gen4,指定了前缀后可能返回myPrix-4。

6、Ext.extend( Object subclass, Object superclass, [Object overrides] ) : void
实现对象继承,目前还不太了解具体原理 ???

7、Ext.namespace( String namespace1, String namespace2, String etc ) : void
创建命名空间:
如Ext.namespace("Company","MyNS.mydata","Data.format.string")
然后可以创建如MyNS.mydata.doit=function(){…}的接口
注:命名空间的简易调用:Ext.ns(),在Ext Api中未给出此用法。

8、Ext.urlEncode( Object o ) : String
将一个json对象转换称url参数串,支持通过数组为一个参数设定多个值。
如将{a:1,b:2,c:[1,3,5,7]}转换为a=1&b=2&c=1&c=3&c=5&c=7

9、Ext.urlDecode( String string, [Boolean overwrite] ) : Object
将url参数串转换为json对象,overwrite如果为true,则后面的同名参数值覆盖前面的同名参数值(默认为false即不覆盖而以数组形式返回)。

Ext.urlDecode("a=1&b=2&c=1&c=3&c=5&c=7")
返回的对象内容为{a:1,b:2,c:[1,3,5,7]}
Ext.urlDecode("a=1&b=2&c=1&c=3&c=5&c=7",true)
返回{a:1,b:2,c:7}

10、Ext.each( Array/NodeList/Mixed array, Function fn, Object scope ) : void
遍历array并对每项分别调用fn函数。如果array不是数组则只执行一次。
如果某项fn执行结果返回false(必须是false,undefined无效),遍历退出,后面的array项将不被遍历。
遍历过程中每次为fn传入参数分别为[当前数组项],[当前索引]和[数组array]三个参数。
Scope用于设定fn函数中的this指针。

Ext.each([1,3,5,7],function(v,i,a){
alert("index: "+i+" value: "+v+" array.length:"+a.length)
});

将循环弹出:
index:0 value:1 array.length:4
index:1 value:3 array.length:4
index:2 value:5 array.length:4
index:3 value:7 array.length:4
Ext.each([1,3,5,7],function(v,i,a){
alert("index: "+i+" value: "+v+" array.length:"+a.length);
return v!=5; //到第三项后遍历退出
});


将循环弹出:
index:0 value:1 array.length:4
index:1 value:3 array.length:4
index:2 value:5 array.length:4

11、Ext.combine(arg1,arg2..argn) : Array //该方法在Ext2不推荐再使用
用于实现对数组的合并,如果是字符串则作为只有一项的数组合并。

var a1=[1,3,5],b1=["a","b","c"];var c1="xxyznbde";
Ext.combine(a1,b1,c1) 返回[1,3,5,a,b,c,xxyznbde]

12、Ext. escapeRe( String str ) : String
将属于正则里的特殊字符进行转义。

Ext.escapeRe("(ab)$\sa342{}[dd]")将返回\(ab\)\$sa342\{\}\[dd\]。

13、Ext.callback(cb, scope, args, delay) :void //该方法为Ext的内部方法
调用一个函数或延迟调用一个函数。
Cb:调用的函数。
scope:cb中this指针。
args:传如cb的参数,以数组形式表示。
delay:延迟多少毫秒执行cb。

Ext.callback(function(x,y){alert(x+y)},this,[3,5],1000);将于1秒钟后弹出8,即3+5的结果。

14、Ext.getDom( Mixed el ) : HTMLElement
根据传入的id/dom节点/Ext的Elemenet对象,返回其dom对象。
如alert(Ext.getDom("a").innerHTML);或
alert(Ext.getDom(document.getElementById("a")).innerHTML);
将返回id为a的元素的innerHTML内容。

15、Ext.getDoc()/Ext.getBody() : Ext.Element
分别返回页面的document对象和body对象,返回值为Ext的Element对象,而非Dom对象。

16、Ext.getCmp( String id ) : Ext.Component
根据传入的html元素id返回该元素的组件类型,返回值为Ext的Component对象。
必须保证该id对象的元素是Ext的一个内部组件(通过Ext创建的组件),否则什么都不返回。

17、Ext.num( Mixed value, Number defaultValue ) : Number
验证value是否是一个数字,如果是则直接返回否则返回defaultValue。

alert(Ext.num(5,7))返回5,alert(Ext.num("5",7)) 返回7

18、Ext.destroy( Mixed arg1, Mixed (optional), Mixed (optional) ) : void
销毁创建的Element或组件(Component),即销毁其所有的事件监听,dom节点,并调用对象本身的destory方法(如果存在的话),传入的参数类型为Ext.Element或Ext. Component,可以一次性传入多个对象进行销毁。

Ext.destory(menu,el,Button);会销毁menu,el,Button三个对象。

19、Ext.removeNode(htmlElement el): void //Ext内部方法
删除指定的dom节点。传入参数为dom对象。

Ext.removeNode(document.getElementById("ab"));

20、Ext.type( Mixed object ) : String
返回传入的对象的类型。
包括如下类型:
string,number,boolean,function,object,array,regexp,element,nodelist,textnode,whitespace

Ext.type("ab")返回string
Ext.type(20)返回number
Ext.type([3,5,6])返回array
Ext.type(/reg/)返回regexp
Ext.type(document.body)返回element。

21、Ext.isEmpty( Mixed value, [Boolean allowBlank] ) : Boolean
检查一个值是否为null/undefined或是否是空,如果是则返回true。
如果传入allowBlank为true,则只检查是否为null或undefined。
如:
Ext.isEmpty("a")返回false,
Ext.isEmpty("")返回true,
Ext.isEmpty("",true)返回false,
Ext.isEmpty(null)返回true。
分享到:
评论

相关推荐

    牛逼的ext2.0使用方法

    根据提供的文件信息,本文将围绕“牛逼的ext2.0使用方法”这一主题进行深入探讨,通过解析标题、描述及部分给出的链接内容来展开相关的知识点。 ### 标题:“牛逼的ext2.0使用方法” 此标题强调了ext2.0使用方法的...

    Ext可视化工具及使用说明

    10. **文档和社区支持**:EXT Designer拥有丰富的在线文档和活跃的社区,开发者可以在这里找到使用教程、示例和解决问题的方法。 EXT Designer对于那些希望快速构建EXT应用程序,或者希望通过可视化方式理解EXT组件...

    Ext树创建说明.rar

    这通常包括以下部分: 1. ` xtype`: 指定组件类型,对于树形视图,应设置为`tree`. 2. ` store`: 存储节点数据的Ext.data.TreeStore对象,需要包含节点数据的模型(Model)和数据源(DataSource)。 3. ` root`: ...

    gwtext学习三部曲

    此外,还会讲解gwtext的组件体系,包括按钮、表单、面板、树形视图等基本组件的使用方法。 第二部分:GWT Ext深入 这部分将带你深入理解GWT Ext的功能和用法。GWT Ext不仅提供了丰富的组件,还包含数据绑定、事件...

    Ext框架结构 Ext目录结构

    在Ext框架中,源码通常按照模块进行划分,比如`ext-all.js`包含了所有组件和功能,而`ext-base.js`则包含框架的基础部分。此外,还有如`src`目录用于存放源代码,`resources`目录存储CSS样式和图像资源,`examples`...

    EXT日期格式说明

    EXT日期格式使用各种字符来代表日期和时间的不同部分,以下是一些主要的格式说明: 1. **d**:表示月份中的日期,两位数表示,不足两位会在前面补零,例如01-31。 2. **D**:表示星期的缩写,从Mon到Sun。 3. **j...

    Ext 4.0官方最新版下载

    5. `docs` 或 `api` 目录:文档和API参考,提供详细的类、方法和配置选项说明。 6. `build` 或 `tools` 目录:构建工具和脚本,帮助开发者打包和优化他们的应用程序。 7. `license.txt`:框架的许可协议,规定了使用...

    Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2

    每个类都详细说明了其构造函数、配置选项、事件处理函数以及方法的使用。 在API文档中,开发者还可以找到关于布局管理、数据绑定、Ajax通信、拖放功能以及各种实用工具类的信息。布局管理允许开发者灵活地组织和...

    Ext 风格 样式 库

    5. **readm.txt文件**:这个文件可能是关于如何使用这个样式库的说明文档,通常包含安装步骤、使用示例以及可能的注意事项。阅读这个文件对理解如何集成和使用这些样式至关重要。 6. **themes目录**:这个目录很...

    Ext API和Ext教程

    这个API文档(EXT_API.chm)提供了Ext JS框架所有类、方法、属性和事件的详细说明。CHM格式是一种帮助文件格式,便于用户离线查阅。通过这个API,开发者可以了解到如何使用Ext JS构建富客户端应用程序,包括创建组件...

    Ext2.2开发指南--完整翻写Ext官方网站学习指南介绍

    3. 如果看到全中文的响应页面,说明工程运行正常,参见ExtStart.js文档,有非常详细的注释说明Ext.Element类与Ext.select()选择器的使用,以及事件处理的几种使用情况,最后是Ext框架使用Ajax技术的演示部分,需要...

    ext学习文档

    - 使用`Ext.get()`和`Ext.query()`方法进行DOM元素的选择。 - 可以使用链式调用来执行一系列操作。 #### 7. 扩展EXT组件 - **文件的创建**: 描述了如何创建新的EXT组件。 - **Let's go**: 提供了一个简单的示例...

    EXT教程EXT用大量的实例演示Ext实例

    Ext教程为使用Ext JS框架的开发者提供了大量实例和详细的说明,涵盖了从基本入门到进阶使用,再到解决遇到的问题,是一份非常实用的参考资料。通过这些实例,开发者可以快速掌握Ext JS的使用,并能高效地应用于实际...

    ext2文件系统 linux 下的文件系统说明

    尽管EXT2在现代Linux系统中已被更先进的EXT3和EXT4取代,但在一些特定场景下,如嵌入式设备或旧的Linux系统中,EXT2仍然被使用。它的轻量级特性和对资源的需求较低使其在这些环境中具有优势。 ### 结论 EXT2文件...

    ext 3.2 中文API

    在使用 EXTJS 3.2 中文 API 进行开发时,开发者可以参考文档中的示例代码,理解每个组件的使用方法,并结合实际项目需求进行定制和扩展。 总的来说,EXT 3.2 中文 API 对于想要掌握这一框架的开发者来说是一份宝贵...

    使用Ext中的Ajax做的聊天室

    【标题】"使用Ext中的Ajax实现的聊天室" 在Web开发中,实时通信是一个重要的功能,尤其是对于在线聊天室这样的应用。本实例是基于Ext框架,利用其强大的核心功能及Ajax技术来创建一个无需刷新页面的聊天室。这对于...

    Ext JS 4 Architecture

    文档中提到的范例会展示如何使用Ext JS 4的不同特性,比如数据模型(Models)、视图(View)、控制器(Controller)等,以及如何将它们集成到一个可运行的应用程序中。 3. **Ext JS 4组件(Components)** Ext JS ...

    Ext3.3.1正式版(官方版)+文档+例子+包1

    在"ext 文档"中,你应该能找到关于Ext JS 3.3.1的详细API文档,这些文档通常包括每个类、方法、属性的说明,以及示例代码,是开发者查阅和学习Ext JS的重要资料。通过阅读文档,你可以了解到如何创建和配置组件,...

    Ext+JS高级程序设计.rar

    第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 ...

Global site tag (gtag.js) - Google Analytics