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

element-api-ext

阅读更多

Class Ext.Element

Package: Ext
Defined In: Element.js
Class: Element
Subclasses: Layer
Extends: Object
Represents an Element in the DOM.

Usage:
// by id

var
 el = Ext.get("my-div"
);

// by DOM element reference

var
 el = Ext.get(myDivElement);
Animations
Many of the functions for manipulating an element have an optional "animate" parameter. The animate parameter should either be a boolean (true) or an object literal with animation options. Note that the supported Element animation options are a subset of the Ext.Fx animation options specific to Fx effects. The Element animation options are:
Option    Default   Description
--------- --------  ---------------------------------------------
duration  .35       The duration of the animation in seconds
easing    easeOut   The easing method
callback  none      A function to execute when the anim completes
scope     this      The scope (this) of the callback function
Also, the Anim object being used for the animation will be set on your options object as "anim", which allows you to stop or manipulate the animation. Here's an example:
var el = Ext.get("my-div"
);

// no animation

el.setWidth(100);

// default
 animation

el.setWidth(100, true);

// animation with
 some options set

el.setWidth(100, {
    duration: 1,
    callback: this
.foo,
    scope: this

});

// using the "anim"
 property to get the Anim object

var
 opt = {
    duration: 1,
    callback: this
.foo,
    scope: this

};
el.setWidth(100, opt);
...
if
(opt.anim.isAnimated()){
    opt.anim.stop();
}
Composite (Collections of) Elements
For working with collections of Elements, see Ext.CompositeElement

Public Properties

Property Defined By
  Element.DISPLAY : Number
<static> Visibility mode constant - Use display to hide element
Element
  Element.VISIBILITY : Number
<static> Visibility mode constant - Use visibility to hide element
Element
  defaultUnit : String
The default unit to append to CSS values where a unit isn't provided (defaults to px).
Element
  dom : HTMLElement
The DOM element
Element
  id : String
The DOM element ID
Element
  originalDisplay : String
The element's default display mode (defaults to "")
Element

Public Methods

Method Defined By method-row alt
分享到:
评论

相关推荐

    Ext API详解--笔记

    在`EXT核心API详解(三)-Ext.Element.txt`中,你将了解到如何选择元素、添加和移除CSS类、处理事件、动画效果以及布局调整。 2. **Array, Date, Function, Number, String**: 在`EXT核心API详解(二)-Array Date ...

    extapi

    "EXT核心API详解(三)-Ext.Element.txt"涵盖了Ext.Element,它是EXT中表示DOM元素的抽象层,提供了丰富的操作DOM元素的方法,如样式设置、尺寸调整、事件监听等。Ext.Element还引入了动画效果,使得对DOM元素的操作...

    整理的Ext API详解

    "EXT核心API详解(三)-Ext.Element.txt"深入解析了Ext.Element,这是Ext处理DOM元素的核心接口。文件可能涵盖了选择和操作DOM元素的方法,如样式设置、尺寸调整、事件监听等,是进行页面动态操作的基础。 "EXT核心...

    EXT-js-中文手册

    ### EXT-js-中文手册知识点概览 #### 1. EXT简介 - **定义与背景**:EXT是一款基于JavaScript的开源框架,它简化了Web应用程序的开发过程,特别是那些需要复杂用户界面的应用。EXT最初由Jack Slocum创建,并在之后...

    new-api-kafkameter

    cp target/new-api-kafkameter-x.y.z.jar $JMETER_HOME /lib/ext 用法 Kafka生产者采样器 安装kafkameter后,添加Java请求采样器(Add- Add -&gt; Sampler -&gt; Java Request Sampler- Add -&gt; Sampler -&gt; Java Request )...

    EXT核心API详解.doc

    EXT核心API详解主要涵盖了一系列用于构建富客户端应用的JavaScript库函数和方法。这些API提供了丰富的功能,包括元素操作、事件处理、数据序列化与反序列化、类继承以及组件管理等。以下是对EXT核心API中提及的一些...

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

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

    Ext2 核心 API 中文详解 ExtJS2.0实用简明教程 ExtJS2.0教程 ExtJS2.0实用简明教程(easyjf) ext中文API+ sample

    1. **Ext.Element**: 表示DOM元素,提供了丰富的DOM操作方法,如样式设置、尺寸调整、事件监听等。 2. **Ext.Panel**: 基础的容器组件,可以包含其他组件,支持多种布局模式。 3. **Ext.Grid**: 数据网格组件,用于...

    Ext3.0英文API.CHM

    - **Ext.Element**:用于DOM操作和样式管理,是所有UI组件的基础。 - **Ext.util**:包含各种实用工具函数,如Array、Function、Object等。 - **Ext.data**:数据管理模块,包括数据存储、模型定义、数据交换等。...

    ext-3.0框架源码

    其中,`Ext.core`包含了EXT的核心类,如Element、Event对象等。 2. **组件体系**:EXT 3.0的组件都是基于`Ext.Component`抽象类派生的,每个组件都有自己的配置项和方法。例如,`Ext.grid.Panel`继承自`Ext....

    ext2.0 详解和API

    1. **核心类**:如Ext.Element,是EXT2.0中最基本的元素操作类,提供了DOM操作和事件处理等功能。 2. **容器类**:如Ext.Panel,是其他组件的容器,可以包含多个子组件,并支持不同的布局策略。 3. **窗体组件**:...

    ext JS API 实战

    其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js、Element.js等文件,如图xx所示。 控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、...

    Ext3.2中文API(最终完成版2010-11-01编译)

    Ext3.2中文API(最终完成版2010-11-01编译) 修正了Ext.Element类的几个格式Bug

    ext2.0中文API(部分)

    例如,Element类是EXT对DOM元素的操作接口,提供了大量的DOM操作方法;Component类是所有EXT组件的基类,定义了组件的基本行为和属性。 4. **data** 数据模块是EXT处理数据的核心,它包含了Model、Store和Proxy等...

    ext核心api详解(2)

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

Global site tag (gtag.js) - Google Analytics