Ext JS5 API 目录介绍&Ext类

本文简要介绍Ext JS5的API目录,重点关注Ext命名空间下的别名方法和常用工具。Ext作为全局对象,包含Sencha库的类和工具方法,如Ext.isEdge和Ext.define。此外,文中列出了一些常用的别名方法,并指出通过Ext.application启动应用可避免依赖问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

注意:本专题均以5.1.3版本为基础。
题外话:Sencha是日语里面煎茶(せんちゃ)的意思,所以图片那个软乎乎的绿色其实是茶叶。


这里写图片描述


本文将简要的翻译API文档。首先来看一下API的目录结构,除了Global_CSS特殊存在之外,剩下的看名猜意即可:


这里写图片描述

先介绍第一个Ext类。

Ext

Ext 作为顶级的命名空间(也是全局对象),封装了Sencha库所有的类工具方法,比如浏览器的探针属性:Ext.isEdge、比如创建类和对象的方法:Ext.define()Ext.create()等。Ext里面的UI组件都位于次一级的命名空间。子类的常用方法也会以别名的形式由Ext代劳。既然被起了别名,证明非常常用啊,这里就用表格列一下吧。

别名方法

方法缩写机能描述
Ext.Function.bindExt.bind用来改变this指向的。废弃,推荐使用JS本身的bind方法代替。关于bind、apply和call,这篇文章讲的非常好。
Ext.JSON.decodeExt.decode将JSON字符串转换为对象。JSON字符串不合法且保护项设置为false的时候,会抛出SyntaxError。
Ext.JSON.encodeExt.encode将对象、数组串转换为JSON字符串。Ext.USE_NATIVE_JSON 为false时,调用Ext自己的解析方法;为true时,本质调的是JSON.stringify()浏览器自身的解析方法。
Ext.Function.deferExt.defer延迟函数的执行时间。本质调用的是setTimeout。Ext还有一个interval,本质调的是浏览器的setInterval方法。前者是指经过一定时间后,调用相应函数;后者是指每一定时间就执行相应函数,直到被clearInterval。可以通过while让defer模拟interval。
Ext.Array.eachExt.each数组迭代器。在遍历数组的同时可以调回调函数处理每个item。
Ext.dom.Element.flyExt.fly获取DOM元素。速度快,获取属性很方便。该方法缓存的值唯一,后一次使用会覆盖掉前一次的取值,区别于get()方法。
Ext.ComponentManager.getExt.getCmp获取组件。
Ext.data.StoreManager.lookupExt.getStore获取Store。Ext.data.StoreManager和Ext.data.Store是有区别的。前者是对store进行总体管理的类,后者则是数据真实存在的地方,这些数据可以通过LocalStorage、SessionStorage、Memory和Ajax、JsonPRest、Direct的代理方式获得。

下面是一些常见的函数(持续补充)。

常用方法

常用方法机能描述
Ext.iterate用来迭代遍历数组或者对象。在遍历的过程中对目标做一些处理。isIterable是true时调Ext.Array.each来处理;false时调Ext.Object.each来处理。Arrays、函数的arguments对象、HTML collections(例如NodeList)都可以被迭代。
Ext.log控制台log输出。对输出做了格式化。可以试试看看:Ext.log({level:’error’,msg:’this’,dump:{name:’wang’}},’>>foo’);

许多应用程序是通过Ext.application启动的,一旦DOM准备好就调用它。 这样可以确保所有脚本都已加载,从而防止依赖问题。 例如:


未完待续

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值