把Ext类的方法和属性进行归类:
兼容性
|
Ext类不可能提供浏览器的兼容具体的处理。因为兼容处理只能落实具体的方法中。它提供了一组属于用来判断用户使用的浏览器、操作系统等,在需要兼容处理的地方只要直接调用这些属于就可以进行判断再来进行相关的兼容处理。
isAir、isBorderBox、isGecko、isIE、isIE7、isLinux、isMac、isOpera、isSafari、isStrict、isWindows这些属性是Ext类提供的兼容方面的属性。这些属性大部分是从navigator.userAgent来获取到的。
|
重用性
|
Ext类中提供二组关于代码重用的方法。
第一组是apply,applyIf函数,它实现把对象内部的方法或属于直接复制到另外一个对象。这是最基础的继承方式。
第二组是extend,override函数,这一组是高级继承方式,它不仅仅是把一个函数的方法和属性复制到另外一个函数的原型中去,它还要建立其两者之间的父子链的关系。
|
组件入口
|
Ext类中提供了组件的入口getCmp(id)函数。
每个组件都有id属性,只要定义时给定其值,之后在任何地方都通过Ext.getCmp(id)来获得该对象的引用。这为全局管理组件提供了方便。其是Ext.ComponentMgr.get的简化。这一部分内部在后面的章节会详细地讲解。
|
元素入口
|
所有Js类库的最终目的都是对于Dom元素进行操作。Ext对Dom元素进行封装为Element元素。但是在Ext类也提供了很多这方面的方法。
1、事件处理。Ext类提供了addBehaviors和onReady两个事件处理函数。一个是监听DomReady,一个是给所指定的元素注册事件监听。
2、获取元素。fly、get是根据参数获取元素的两种不种的处理方式。getBody、getDoc则是获到指定Dom的元素。而getDom是从封装的Element元素中获取其原始的Dom元素。
3、查询Dom树。query、select是两个CSS语法兼容的Dom query方法。通过这两个方法能方便地用Dom树中找到元素。
4、删除元素:removeNode、destroy是为了删除元素,释放内存而给出的。destroy还能删除组件。
|
实用方法
|
Ext类提供如下四类的实用方法:
1、type类型。Js的typeof只能判断最原始的类型,如Array是返回是Function,而new Array()则是数组。对于dom元素不能深入去判断其节点类型。Ext.type则指代了更为精准的判断。它还提供了isArray、isDate等类型判断函数。
2、命名空间。Ext.namespace()函数能动态生成指定的命名空间。
3、格式转换。Ext类提供了decode、encode 方法实现string和json对象之间的相互转换。还提供了urlDecode、urlEncode方法来进行查询字符串和JS对象进行的相互转换。在3.4节中分析。
4、其它:在new RegExp时,对于正则的字符串中的特殊符号要进行特殊的处理,Ext.escapeRe 就是进行这样的操作。 Ext.each是集合的元素都进行相类似的操作,如Fn的操作。这是很常用的函数。
|
把Ext类提供的功能分成了五部分。对着Ext类的源码自行分析。
分享到:
相关推荐
EXT dojochina Ext类...综上所述,EXT dojochina Ext类静态方法的主题涵盖了EXT框架中类和静态方法的核心概念,以及它们在实际开发中的应用。学习和熟练掌握这些知识点,将有助于提升你在EXT开发中的效率和代码质量。
通过`extend`关键字,一个类可以从另一个类继承属性和方法;通过`mixins`,类可以集成其他类的特定功能,而无需直接继承它们。 5. **组件(Components)**:在EXT中,组件是最基本的构建块,它们具有各自的实例属性...
`Ext.Component`是所有UI组件的基础类,它拥有众多属性来控制组件的行为、外观和交互。这些属性是ExtJS强大灵活性的关键所在。以下是一些常见的Ext Component属性: 1. **id** - 每个组件都需要一个唯一的ID,用于...
通过这个方法,我们可以轻松地创建自定义组件或扩展已存在的组件,继承其属性和方法。 例如: ```javascript Ext.define('MyComponent', { extend: 'Ext.Component', constructor: function(config) { this....
在支持一次仅显示一个子组件的布局中,如`Ext.layout.Accordion`、`Ext.layout.CardLayout`和`Ext.layout.FitLayout`,这个属性特别有用。 2. **allowDomMove**: 默认值为`true`,表示在组件渲染过程中允许移动DOM...
EXT2自Linux 1.1系列内核开始,便支持对文件和目录的额外标记,即属性。在2.2和2.4系列内核中,常见的属性包括: - A Atime:禁用文件的最后访问时间更新。 - S Sync:写操作后立即同步文件到磁盘,确保数据完整性...
EXT组件在软件开发中扮演着重要的角色,尤其是其 MessageBox 工具类,它提供了一种简单易用的方式来创建用户交互的对话框。...通过深入理解和熟练使用它的各个方法和属性,可以创建出更加符合用户需求的对话框界面。
通过以上介绍,我们可以看出Ext JS框架提供了非常丰富的属性供开发者使用,这些属性可以帮助我们更加灵活地控制组件的外观和行为。掌握了这些属性之后,就能在实际项目中更加游刃有余地进行开发工作。希望本文能够对...
Ext、Ext4中各个组件、属性、方法详解,一个不漏;Ext学习入门及参考最好的资料
除了`Ext.extend()`,`Ext`库还提供了一些其他与继承和方法重写相关的工具,比如`mixins`(混入)机制,它允许一个类“借用”另一个类的属性和方法。通过`Ext.mixin`,我们可以创建可复用的代码模块,然后在多个类...
在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...
### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...
EXT按钮拥有丰富的属性和配置选项,使得开发者可以自定义其外观、行为以及交互效果。以下是对EXT按钮属性的详细解释,并结合图片进行对应说明: 1. `text`:这是按钮上显示的文本。例如,`text: '点击我'` 将在按钮...
### EXTGrid属性方法详解 #### 一、Ext.grid.GridPanel `Ext.grid.GridPanel`是ExtJS 4.0中的一个关键组件,...这些属性和方法为开发人员提供了灵活且强大的工具来构建和自定义数据表格,使其能够满足各种业务需求。
综上所述,Ext框架提供的这些配置和方法使得开发者可以轻松地构建复杂的树形结构,并且可以根据实际需求灵活地调整节点的显示方式和交互行为。无论是简单的数据展示还是复杂的多级菜单,都可以通过这些工具实现。
总之,Extjs与Ext.net中的这些属性和方法为开发者提供了强大而灵活的工具集,使得创建复杂且高性能的Web应用程序成为可能。通过合理利用这些特性,开发者可以构建出既美观又实用的用户界面,同时确保数据的有效管理...
3. **mixins**:EXTJS支持混入(mix-in)机制,允许一个类“借用”另一个类的属性和方法。通过`Ext.mixin.Mixin`,可以创建一个混入类,然后在其他类中使用`mixins`配置项来引入这些功能。 4. **静态类**:EXTJS中...
2. **新式声明** 新的类系统引入了更全面的 API,例如 `Ext.define`,它允许创建类的同时指定配置、静态属性和混入。例如: ```javascript Ext.define('My.cool.Window', { extend: 'Ext.Window', config: {...}...
1. Ext3.2中文API.CHM:这是EXT JS 3.2版本的中文API文档,涵盖了EXT JS 3.2的所有类、方法、属性和事件,方便开发者快速查找和理解EXT JS的各种功能。 2. Ext2.2API中文版(最终完成版).CHM:此文档为EXT JS 2.2...
以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。