`
zxingchao2005
  • 浏览: 80380 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Ext.js核心函数详解

 
阅读更多

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({
<wbr><wbr>//为id为foo的元素下的所有a元素添加click事件<br><wbr><wbr>'#foo a@click' : function(e, t){<br><wbr><wbr><wbr><wbr><wbr><wbr>// do something<br><wbr><wbr>},<br><wbr><wbr>// 为多个选择器添加相同的事件(mouseover)。在@之前使用逗号分开<br><wbr><wbr>'#foo a, #bar span.some-class@mouseover' : function(){<br><wbr><wbr><wbr><wbr><wbr><wbr>// do something<br><wbr><wbr>}<br> });</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>



5、Ext.id( [Mixed el], [String prefix] ) : String<wbr><wbr><br> 返回一个唯一的id值。<br> 如果只需要获取一个唯一的id值,则直接调用<span style="color:black; background-color:rgb(255,255,102)">Ext.id</span>();<br> 如果需要为某个元素设定一个唯一的id值并返回id则调用<span style="color:black; background-color:rgb(255,255,102)">Ext.id</span>(el),el为元素Id、Dom对象或Ext的Element对象。<br> 如果需要指定特定的前缀,则需要传入第二个参数,如<span style="color:black; background-color:rgb(255,255,102)">Ext.id</span>(el,”myPrix-”),默认前缀为ext-gen,如默认返回id可能为ext-gen4,指定了前缀后可能返回myPrix-4。<br><br> 6、<strong>Ext.extend</strong>( Object subclass, Object superclass, [Object overrides] ) : void<br> 实现对象继承,目前还不太了解具体原理 ???<br><br> 7、<strong>Ext.namespace</strong>( String namespace1, String namespace2, String etc ) : void<br> 创建命名空间:<br> 如Ext.namespace("Company","MyNS.mydata","Data.format.string")<br> 然后可以创建如MyNS.mydata.doit=function(){…}的接口<br><span style="word-wrap:normal; word-break:normal; line-height:21px; color:rgb(255,0,0)">注:命名空间的简易调用:Ext.ns(),在Ext Api中未给出此用法。</span><br><br> 8、<strong>Ext.urlEncode</strong>( Object o ) : String<br> 将一个json对象转换称url参数串,支持通过数组为一个参数设定多个值。<br> 如将{a:1,b:2,c:[1,3,5,7]}转换为a=1&amp;b=2&amp;c=1&amp;c=3&amp;c=5&amp;c=7<br><br> 9、<strong>Ext.urlDecode</strong>( String string, [Boolean overwrite] ) : Object<br> 将url参数串转换为json对象,<span style="word-wrap:normal; word-break:normal; line-height:21px; color:rgb(255,0,0)">overwrite如果为true,则后面的同名参数值覆盖前面的同名参数值</span>(默认为false即不覆盖而以数组形式返回)。<br> 如</wbr></wbr>


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){
<wbr><wbr><wbr><wbr><wbr><wbr>alert("index: "+i+" value: "+v+" array.length:"+a.length)<br> });</wbr></wbr></wbr></wbr></wbr></wbr>


将循环弹出:
index:0 value:1 array.length:4
index:1 value:3 array.length:4<wbr><wbr><br> index:2 value:5 array.length:4<wbr><wbr><br> index:3 value:7 array.length:4<br><br></wbr></wbr></wbr></wbr>


Ext.each([1,3,5,7],function(v,i,a){
<wbr><wbr><wbr><wbr>alert("index: "+i+" value: "+v+" array.length:"+a.length);<br><wbr><wbr><wbr><wbr>return v!=5;<wbr><wbr>//到第三项后遍历退出<br> });</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>


将循环弹出:
index:0 value:1 array.length:4
index:1 value:3 array.length:4<wbr><wbr><br> index:2 value:5 array.length:4<wbr><wbr><br><br> 11、<strong>Ext.combine</strong>(arg1,arg2..argn) : Array<wbr><wbr><wbr><wbr><span style="word-wrap:normal; word-break:normal; line-height:21px; color:rgb(255,0,0)">//该方法在Ext2不推荐再使用</span><br> 用于实现对数组的合并,如果是字符串则作为只有一项的数组合并。<br> 如</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>


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<wbr><wbr><span style="word-wrap:normal; word-break:normal; line-height:21px; color:rgb(255,0,0)">//该方法为Ext的内部方法</span><br> 调用一个函数或延迟调用一个函数。<br> Cb:调用的函数。<br> scope:cb中this指针。<br> args:传如cb的参数,以数组形式表示。<br> delay:延迟多少毫秒执行cb。<br> 如</wbr></wbr>

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.getElementByIdx_x("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<wbr><wbr><span style="word-wrap:normal; word-break:normal; line-height:21px; color:rgb(255,0,0)">//Ext内部方法</span><br> 删除指定的dom节点。传入参数为dom对象。<br> 如</wbr></wbr>

Ext.removeNode(document.getElementByIdx_x("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<wbr><wbr><span style="word-wrap:normal; word-break:normal; line-height:21px; color:rgb(255,0,0)">//Ext内部方法</span><br> 检查v是否是为null/undefined或空,如果是则返回defaultValue,否则返回v。如果allowBlank参数为true,则允许v为空(即当v为空时不返回defaultValue而返回空)。</wbr></wbr>

分享到:
评论

相关推荐

    Ext.js核心函数详解.pdf

    《Ext.js核心函数详解》 在JavaScript开发领域,Ext.js是一个强大的富客户端框架,它提供了丰富的组件库和便捷的API,使得构建复杂的Web应用程序变得容易。以下是对几个关键的Ext.js核心函数的详解: 1. **Ext....

    Ext.js核心函数详解.docx

    Ext.js 是一个流行的JavaScript...以上就是一些Ext.js核心函数的详细解释,这些工具函数大大简化了JavaScript开发,特别是构建复杂的用户界面。了解并熟练使用它们,能够提高开发效率,同时使代码更加健壮和易于维护。

    EXT核心API详解.doc

    EXT核心API详解主要涵盖了一系列与EXT.js库相关的类和对象,EXT.js是一个强大的JavaScript UI框架,用于构建富客户端Web应用程序。以下是对各个类的详细解释: 1. **Ext类**:EXT库的基础类,提供了许多实用的方法...

    Ext JS下载及配置

    ### Ext JS下载及配置知识点详解 #### 一、Ext JS简介 Ext JS 是一款基于 JavaScript 的前端框架,专为构建企业级 Web 应用而设计。它提供了丰富的 UI 组件库,支持各种复杂的用户交互,并且具有良好的跨浏览器兼容...

    Ext.data专题

    ### Ext.data专题详解 #### 一、Ext.data概述 **Ext.data** 是一个重要的JavaScript库组件,用于处理数据传输和管理。它定义了一系列的核心概念,包括 **Store**、**Reader** 和 **Proxy**,这些都是Ext.data的...

    Ext.Viewport布局

    ### Ext.Viewport布局详解 在前端开发领域,尤其是基于Ext JS框架进行应用设计时,`Ext.Viewport`布局是至关重要的概念。它提供了一个全面的、全屏的容器,用于组织和展示各种UI组件,如面板、表格、图表等。在给定...

    EXT核心API详解(第一部分)

    EXT核心API是EXT JS库的重要组成部分,它提供了一系列丰富的组件和功能,用于构建富客户端Web应用。EXT JS是一个强大的JavaScript框架,尤其在数据可视化、表格处理、窗口系统和用户界面设计方面表现出色。EXT核心...

    extjs实例以及【深入浅出Ext.JS扫描版PDF】

    4. **API详解**:对ExtJS的API进行全面解析,让读者能够熟练使用各种内置组件和函数,提升开发效率。 同时,提供的"ext-3.0.0"压缩包文件包含了ExtJS 3.0.0版本的源代码。这个版本虽然相对较旧,但它包含了ExtJS的...

    Ext API详解--笔记

    在`EXT核心API详解(二)-Array Date Function Number String.txt`中,Ext Js扩展了JavaScript的基本类型,提供了更强大的数组、日期、函数、数字和字符串处理功能。例如,你可以使用Ext的数组方法进行排序、查找、...

    Ext中文版手册最新版

    ### ExtCore中文版手册知识点详解 #### ExtCore概述与特性 **ExtCore**是一款轻量级的JavaScript库,设计初衷在于提供快速Web开发所需的多种功能,同时强调代码的高质量和可伸缩性。该库基于MIT许可证免费提供,...

    ext核心api详解(2)

    EXT 核心 API 详解(四) - Ext.DomQuery/DomHelper/Template EXT JS 是一个专注于构建前端用户界面的JavaScript框架,它独立于后台技术,主要利用Ajax技术实现丰富的交互效果。本文将深入探讨EXT JS的核心API,特别...

    ext核心api详解(3)

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

    EXT JS中文API+中文教程+中文资料+源码

    `EXT 中文手册.pdf`和`Ext2 核心 API 中文详解.pdf`提供了EXT JS的核心API和概念的中文解释,对于日常开发中快速查找和理解API非常有用。 `2.0.rar`很可能是一个包含EXT JS 2.0框架源码的压缩文件,开发者可以直接...

Global site tag (gtag.js) - Google Analytics