`
maiguang
  • 浏览: 262398 次
  • 性别: Icon_minigender_1
  • 来自: 焦作
社区版块
存档分类
最新评论

EXT API CORE 详解

阅读更多

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。



22、Ext.value (String v,String defaultValue[,[Boolean allowBlank]):String  //Ext内部方法
检查v是否是为null/undefined或空,如果是则返回defaultValue,否则返回v。如果allowBlank参数为true,则允许v为空(即当v为空时不返回defaultValue而返回空)。

分享到:
评论

相关推荐

    ext核心api详解(3)

    EXT Core API 详解 EXTJS 是一款强大的前端开发框架,主要负责构建富互联网应用程序的用户界面,它与后端技术无关,专注于JavaScript实现。本文主要深入讲解EXTJS的核心API,特别是关于`Ext.data`的部分,包括`...

    EXT_JS入门详解_x

    【EXT_JS入门详解_x】 EXT_JS是一个强大的JavaScript框架,专门用于构建富客户端的Ajax应用程序,提供了丰富的用户界面组件和交互性。它不依赖特定的后端技术,可以在.NET、Java、PHP等多种开发环境下无缝集成。EXT...

    ext文档 和实例

    手册中会详细阐述EXT的基本概念、API、事件处理、布局管理等内容,帮助开发者理解EXT的工作原理,从而更好地利用EXT构建功能丰富的Web应用。 总结,EXT提供了丰富的UI组件和强大的数据管理功能,是构建现代企业级...

    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 ...

    ext学习文档

    ### EXT学习文档知识点详解 #### 1. EXT简介 EXT是一个功能强大的JavaScript库,用于构建交互式的Web应用程序。它提供了一系列工具和API,使得开发者能够更容易地创建动态且丰富的用户界面。EXT支持多种浏览器,并...

    非常好的gwt-ext培训教程

    【GWT-Ext 知识点详解】 GWT-Ext 是一个高级的网页开发控件库,它结合了 Google Web Toolkit (GWT) 和 ExtJs 的优势,为开发者提供了丰富的 UI 组件和强大的功能。GWT 是一个由 Google 开发的用于构建富互联网应用...

    Gwt-ext学习笔记

    ### Gwt-ext学习笔记知识点详解 #### 一、Gwt-ext简介与安装 Gwt-ext是一种基于Google Web Toolkit(GWT)的高级用户界面库,它提供了丰富的UI组件和功能,使得开发高质量的Web应用程序变得更加容易。对于初学者而...

    Ext 学习总结 pdf版

    1. **核心库(Core Library)**:包含Ext JS的基本功能,如DOM操作、事件处理等。 2. **用户界面(UI)部件**:提供了丰富的UI组件,如按钮、面板、表格等。 3. **数据管理(Data Management)**:包括数据存储、数据读取...

    ext培训第一讲.doc 1/4

    ### EXT培训教程知识点详解 #### 一、EXT简介 **ExtJS** 是一款高级的Ajax框架,使用JavaScript编写而成,旨在构建丰富的Web应用程序界面。它不仅适用于开发RIA(Rich Internet Applications,即富互联网应用程序...

    EXT 中文手册

    - **实现方式**:可以通过`Ext.Ajax.request`等API发起请求,处理异步加载数据等场景。 - **服务器端技术**:支持多种服务器端技术,包括PHP、ASP.NET、ColdFusion等。 #### 八、EXT源码概述 - **源代码结构**:EXT...

    ExtJS开发参考资料

    1. **EXT核心API详解.doc**: 这份文档详细解析了ExtJS的核心API,包括组件系统、布局管理、数据绑定、事件处理等关键部分。通过阅读,开发者可以了解到ExtJS如何创建和管理用户界面元素,以及如何利用API实现动态...

    ExtJs3.0中文API

    - **Ext Core**: ExtJs 的核心库,提供了 DOM 操作、事件处理、动画效果等基础功能。 - **Components**: ExtJs 的组件模型,允许开发者创建复杂的 UI 组件,如按钮、面板、窗口等。 - **Layouts**: 布局系统,...

    Spket - ExtJS提示工具,附规范文件

    **Spket - ExtJS提示工具详解** Spket是一款强大的JavaScript开发工具,特别为Web开发者提供了对JavaScript库,如ExtJS的智能代码提示和支持。这款工具极大地提升了开发效率,通过自动补全、错误检测和代码导航等...

    ucos_ii移植过程详解

    - **os_core.c**:实现了uCOS-II的核心功能,如任务管理、调度算法等。 - **os_dbg_r.c**:调试相关函数的实现。 - **os_flag.c**:信号量操作函数实现。 - **os_mbox.c**:消息邮箱功能的实现。 - **os_mem.c**:...

    ExtJS基础及核心框架

    - **ext-core-debug.js**: 未压缩的核心组件库。 #### 3. 构建第一个ExtJS应用 - **基本步骤**: 1. **引入样式和脚本文件**: ```html <!-- 引入样式 --> <link rel="stylesheet" type="text/css" href="ext/...

Global site tag (gtag.js) - Google Analytics