EXT核心API深度解析：关键功能与类库概览

需积分: 0 34 浏览量更新于2024-07-30 收藏 405KB DOC 举报

EXT核心API详解是一份详尽的指南，涵盖了Ext JS库中的关键类和功能，对于深入理解并有效利用此JavaScript框架至关重要。以下是对其中部分核心类的详细解释： 1. **Ext类**: 作为Ext JS的基础类，Ext类提供了框架的核心功能和配置，如事件处理、视图管理等。它是许多其他类的超类，奠定了整个库的基础架构。 2. **Array类**: 基于JavaScript原生的Array，EXT扩展了数组操作，如排序、过滤、迭代器等，方便处理数据集。 3. **Number、String、Date、Function类**: 这些是基础类型和函数，EXT在此基础上添加了更强大、更易用的方法，比如数值格式化、字符串处理和函数封装。 4. **Ext.Element**: 代表HTML元素，封装了DOM操作，简化了选择、样式设置和事件监听。 5. **Ext.DomQuery**: 类似jQuery的查询方法，允许快速定位和操作DOM元素，提高代码效率。 6. **Ext.DomHelper**: 动态创建HTML元素和DOM结构的工具，常用于构建UI组件。 7. **Ext.Template**: 模板引擎，用于动态生成HTML，有助于数据绑定和动态渲染。 8. **Ext.EventManager** 和 **Ext.EventObject**: 分别负责事件的监听和传递，是实现用户交互的核心组件。 9. **CompositeElement和CompositeElementLite**: 提供集合式操作多个元素的功能，便于批量操作或事件处理。 10. **Ext.Fx**: 动画系统，用于创建平滑的视觉效果，提升用户体验。 11. **Ext.KeyNav** 和 **Ext.KeyMap**: 键盘导航和快捷键管理，方便键盘驱动的用户界面。 12. **Ext.util.JSON**: JSON处理工具，支持序列化和反序列化数据，便于数据交换。 13. **Ext.util.Format**: 字符串格式化工具，用于日期、数字和货币等数据的美化显示。 14. **Ext.util.DelayedTask** 和 **Ext.util.TaskRunner**: 定时任务和异步任务调度，提高代码执行的灵活性。 15. **Ext.util.TextMetrics**: 计算文本尺寸的工具，对于布局和尺寸计算很有帮助。 16. **Ext.XTemplate**: 用于模板化的字符串构建，适合处理复杂的HTML渲染。 17. **Ext.data.***: 数据操作的核心模块，包括Connection（连接）、Ajax（异步请求）、Record（数据模型）、DataProxy（数据源）、DataReader（数据解析）、Store（数据存储）等，构成了数据驱动开发的核心结构。通过深入理解这些核心API，开发者能够高效地在Ext JS环境中构建响应式、数据驱动的Web应用。学习并掌握它们是成为Ext JS专家的关键。

反之返回 side 指定的宽度,side 定义见 getBorderWidth

getOffsetsTo( Mixed element ) : Array 计算从 element 到当前元素的偏移量

getPadding( String side ) : Number 得到由 side 指定的 padding 之和

getPositioning() : Object

得到当前元素的位置信息返回含以下属性的对象{position,left,right,top,bottom,z-index}

getRegion() : Region

得到当前元素的区域信息返回含有以下属性的 Ext.lib.Region 对象{top, left, bottom, right}

getRight( Boolean local ) : Number 右边界值

getScroll() : Object 得到一个批示滚动条位置的对象{left, top}

getSize( [Boolean contentSize] ) : Object 得到宽度和高度组成的对象信息{width,height}

getStyle( String property ) : String 得到指定的样式值 getStyles 简化版

getStyles( String style1, String style2, String etc. ) : Object 得到由参数组成的对象

例:el.getStyles('color', 'font-size', 'width')

可能返回 {'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}

getTop( Boolean local ) : Number 得到顶点纵坐标

getUpdater() : Ext.Updater 得到当前元素的 Updater 对象,参见 Ext.Updater 类

getValue( Boolean asNumber ) : String/Number 得到 value 属性的值

getViewSize() : Object 得到 clientHeight 和 clientWidth 信息给成的对象{width,height}

getWidth( [Boolean contentWidth] ) : Number..这样的方法真多

getX() : Number 得到页面偏移量,也就是绝对坐标

getXY() : Array

getY() : Array

hasClass( String className ) : Boolean 样式类 className 存在于当前元素的 dom 节点中

hide( [Boolean/Object animate] ) : Ext.Element 隐藏当前元素

hover( Function overFn, Function outFn, [Object scope] ) : Ext.Element 设置鼠标移入移出事件

initDD( String group, Object config, Object overrides ) : Ext.dd.DD

initDDProxy( String group, Object config, Object overrides ) : Ext.dd.DDProxy

initDDTarget( String group, Object config, Object overrides ) : Ext.dd.DDTarget

这个要放到 Ext.dd 去专门搞了,用于拖曳

insertAfter( Mixed el ) : Ext.Element

insertBefore( Mixed el ) : Ext.Element

insertFirst( Mixed/Object el ) : Ext.Element

在 DOM 中 el 元素之前之后...插入当前元素

insertHtml( String where, String html, Boolean returnEl )

插入 html 内容 where 可选 beforeBegin, afterBegin, beforeEnd, afterEnd

insertSibling( Mixed/Object/Array el, [String where], [Boolean returnDom] ) :

插入或创建 el 做为当前元素的兄弟节点,where 可选 before/after,默认为 before

is( String selector ) : Boolean 验证当前节点是否匹配简单选择器 selector

isBorderBox()测试不同的样式规则以决定当前元素是否使用一个有边框的盒子

isDisplayed() : Boolean 只要不是指定 display 属性 none 都会返回真

isMasked() : Boolean

仅有当前元素有 mask 并且可见时为真,mask 译为蒙片?就是有些输入框没得到值之前会有一行模糊的提示

的那种东西

isScrollable() : Boolean 可以滚动?

isVisible( [Boolean deep] ) : Boolean 可见?

last( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement 见 first

load( String/Function url, [String/Object params], [Function callback], [Boolean discardUrl] ) : Ext.Element 直接

应用当前 updater 的 update 方法

mask( [String msg], [String msgCls] ) : Element 为当前对象创建蒙片

move( String direction, Number distance, [Boolean/Object animate] ) : Ext.Element

相前元素相对于当前位置移动,

direction 批示方向可能的值是"l","left" - "r","right" - "t","top","up" - "b","bottom","down".

distance,指示要移动的距离,以像素为单位

moveTo( Number x, Number y, [Boolean/Object animate] ) : Ext.Element 称动到指定的位置

next( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement

下一个符合 selector 的兄弟节点,

on( String eventName, Function fn, [Object scope], [Object options] ) : void 详见 addListener

position( [String pos], [Number zIndex], [Number x], [Number y] ) : void

初始化当前元素的位置 pos 可选择 relative/absolute/fixed

prev( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement 前一个符合 selector 的兄弟节点

query( String selector ) : Array 通过样式选择器选择子节点

radioClass( String/Array className ) : Ext.Element 添加样式或样式数组到当前元素，并移除兄弟节点中的指

定样式

relayEvent( String eventName, Object object ) : void 将当前元素的 eventName 事件同时转发给 object 对象

remove() : void 从当前 DOM 中删除元素,并从缓存中移除

removeAllListeners() : Ext.Element 移除所有的侦听者

removeClass( String/Array className ) : Ext.Element 移除样式类

removeListener( String eventName, Function fn ) : Ext.Element 移除事件 eventName 的 fn 侦听器

repaint() : Ext.Element 强制浏览器重绘当前元素

replace( Mixed el ) : Ext.Element 用当前元素替换 el

replaceClass( String oldClassName, String newClassName ) : Ext.Element 替换样式类

replaceWith( Mixed/Object el ) : Ext.Element 用 el 替换当前元素

scroll( String direction, Number distance, [Boolean/Object animate] ) : Boolean

滚动,scroll 会保证元素不会越界,direction 和 distance 参数见 move

scrollIntoView( [Mixed container], [Boolean hscroll] ) : Ext.Element 滚动到 container 内的视图

scrollTo( String side, Number value, [Boolean/Object animate] ) : Element 基本与 scroll 方法相同,但不保证元素

不越界

select( String selector, [Boolean unique] ) :

与 query 不同的是,通过样式选择器 selector,select 方法会返回一个复合元素对象(CompositeElement) 或

CompositeElementLite,

set( Object o, [Boolean useSet] ) : Ext.Element

设置属性，例

el.set({width:'200px',height:'200px'});

setBottom( String bottom ) : Ext.Element

setLeft( String left ) : Ext.Element

setRight( String right ) : Ext.Element

setTop( String top ) : Ext.Element

setLeftTop( String left, String top ) : Ext.Element

设置 css 对象的属性值

setBounds( Number x, Number y, Number width, Number height, [Boolean/Object animate] ) : Ext.Element

马上改变当前元素的位置和尺寸

setBox( Object box, [Boolean adjust], [Boolean/Object animate] ) : Ext.Element 为当前元素设置一个盒子 box:

{x, y, width, height},adjust 指示是否马上调整尺寸

setDisplayed( Boolean value ) : Ext.Element 设置可见性

setHeight( Number height, [Boolean/Object animate] ) : Ext.Element

setWidth( Number width, [Boolean/Object animate] ) : Ext.Element

setSize( Number width, Number height, [Boolean/Object animate] ) : Ext.Element 设置高度和宽度

setLocation( Number x, Number y, [Boolean/Object animate] ) : Ext.Element 设置当前元素相对于页面的横纵

坐标

setOpacity( Float opacity, [Boolean/Object animate] ) : Ext.Element 设置透明度，opacity 为 1 完全不透明,0 完

全透明

setPositioning( Object posCfg ) : Ext.Element 为当前元素指定位置信息,参数 posCfg 参见 getPositioning 说明

setRegion( Ext.lib.Region region, [Boolean/Object animate] ) : Ext.Element 为当前元素指定区域信息 region 定

义见 getRegion

setStyle( String/Object property, [String value] ) : Ext.Element 设置样式

setVisibilityMode( visMode Element.VISIBILITY ) : Ext.Element 指示是使用 Element.VISIBILITY 还是

Element.DISPLAY 属性来定义可见性

setVisible( Boolean visible, [Boolean/Object animate] ) : Ext.Element 设置可见性

setX( Number The, [Boolean/Object animate] ) : Ext.Element

setXY( Array pos, [Boolean/Object animate] ) : Ext.Element

setY( Number The, [Boolean/Object animate] ) : Ext.Element 设置当前元素相对于 page 的位置

show( [Boolean/Object animate] ) : Ext.Element 显示当前元素

swallowEvent( String eventName, [Boolean preventDefault] ) : Ext.Element 阻止 eventName 事件冒泡，并视

preventDefault 阻断默认行为

toggle( [Boolean/Object animate] ) : Ext.Element 切换元素的 visibility 或 display 属性,依赖于 setVisibilityMode

设定的

toggleClass( String className ) : Ext.Element 如果样式名存在于当前元素对应的 dom 节点，移除，反之应

用

translatePoints( Number/Array x, Number y ) : Object 返回一个{left,top}结构

un( String eventName, Function fn ) : Ext.Element 解除事件侦听，参见 removeListener

unclip() : Ext.Element 见 clip;

unmask() : void 见 mask;

unselectable(): Ext.Element 禁止文本选择

up( String selector, [Number/Mixed maxDepth] ) : Ext.Element 通过样式选择器 selector 选择祖先节点

update( String html, [Boolean loadScripts], Function callback ) : Ext.Element 利用 html 更新当前节点内容

loadScripts 指示 html 中如果有 script，是否需要运行,这是一个 innerHTML 的一个老老老问题了

wrap( [Object config], [Boolean returnDom] ) : HTMLElement/Element 用另一个元素 config 包含自己

8 、 Ext.DomQuery

类

selector 语法详见 Ext 类

compile( String selector, [String type] ) : Function 编写一个选择器或 xpath 查询到一个方法以方便重用,type

取 select(默认)或 simple 值之一

filter( Array el, String selector, Boolean nonMatches ) : Array 过滤 el 中的元素,保留符合 selector 的，如果

nonMatches 为真，结果相反

is( String/HTMLElement/Array el, String selector ) : Boolean 验证 el 是否匹配 selector

select( String selector, [Node root] ) : Array 从 root 中选择匹配 selector 的对象数组

selectNode( String selector, [Node root] ) : Element 返回 root 中第一个匹配 selector 的对象

selectNumber( String selector, [Node root], Number defaultValue ) : Number 返回 root 中第一个匹配 selector 的

剩余63页未读，继续阅读

qiu446171313

粉丝: 0

EXT核心API深度解析：关键功能与类库概览

EXT核心API详解下载

EXT核心API详解pdf

EXT核心API详解.chm

EXT核心API详解 19章

EXT核心API详解.doc

EXT核心API详解.pdf

EXT核心API详解.rar

幼儿园安全教育管理.pptx

校园招聘模板 (2).pptx

MATLAB SIMULINK搭建分布式驱动电动汽车模型，七自由度整车模型，包括横摆，纵向，侧向，四个轮胎四个自由度等等，转弯制动工况，包括abs模型 资料详细

最新资源

MATLAB SIMULINK搭建分布式驱动电动汽车模型，七自由度整车模型，包括横摆，纵向，侧向，四个轮胎四个自由度等等，转弯制动工况，包括abs模型资料详细