盗墓笔记全集_Ext JS 4 升級指南| 成都西華升騰科技有限公司

Ext JS開(kāi)發(fā)大全

CmsWing

Ext JS 4 升級指南

## Ext JS 4 升級指南
### 前言
Ext 4 在web 應用程序開(kāi)發(fā)邁出了革命性的一步。 基本上框架的每個(gè)主要組件都做了改善，在Ext3的基礎上，新增了不少新的組件和子系統。本篇介紹Ext 3 到  Ext 4 的主要變化。

### Ext3 兼容性
Ext  提供了Ext 3 和 Ext 4 的遷移包?？梢缘揭韵孪螺d：
Ext JS 3 to 4 Migration Pack (Updated October 10, 2011)

沙箱模式
針對js 的對象和變量，簡(jiǎn)單的通過(guò)給全局的Ext 對象以一個(gè)不一樣的別名，可以將Ext 4和以前的版本完全的隔離開(kāi)來(lái)。
對于CSS  和其他展現的東西，Ext 4 使用Compass & SASS從模板產(chǎn)出CSS, 很容易就可以定制CSS規則的前綴。---Ext.baseCSSPrefix 屬性

### 包和命名空間的更新
所有的類(lèi)和包都根據嚴格的命名規則進(jìn)行了重組，查找類(lèi)變得更容易。比如，在Ext 3的類(lèi)中，像Button,CycleButton 和SplitButton 只是簡(jiǎn)單的放在widges 下面。
在Ext 4中，每一個(gè)類(lèi)都依據不同的功能統一的放置到包和命名空間里。比如 Ext.SplitButton ---> Ext.button.Split.
被重組的類(lèi)仍然可以通過(guò)alternateClassName屬性找到，所以Ext 3的類(lèi)名如果需要在Ext 4中依舊可以使用(比如， 定義alternateClassName: 'Ext.SplitButton')。
不過(guò)建議如果沒(méi)必要，還是使用最新的規范.

### Ext 核心
新類(lèi)系統
Ext 4  的主要功能有：
1. Ext.define 實(shí)現定義一個(gè)新的類(lèi)型
2. 自動(dòng)依賴(lài)管理和動(dòng)態(tài)加載
3.  Mixins（混入）
4. Statics（靜態(tài)）
5. 自動(dòng)的setter/ getter生成的新配置選項

### 類(lèi)的定義
在Ext 4中使用Ext.define 定義新的類(lèi)，但仍然可以使用 "new ClassName()" 方式，只是就沒(méi)有以下特性了，
使用Ext.define 的方式可以自動(dòng)檢測和創(chuàng  )建新的命名空間，而不需要顯示的去定義命名空間。
如下例：
```javascript
// Ext 3:
Ext.ns('MyApp'); // required in Ext 3
MyApp.CustomerPanel = Ext.extend(Ext.Panel, {
// etc.
});
// Ext 4
Ext.define('MyApp.CustomerPanel', {
extend: 'Ext.panel.Panel',
// etc.
});
```

### 類(lèi)加載
Ext 4 提供了一個(gè)可選功能就是類(lèi)加載和集成的依賴(lài)管理。 使用這個(gè)功能的好處是
1.  動(dòng)態(tài)載入， Ext 會(huì )在內部管理，依據依賴(lài)樹(shù)在運行的時(shí)候動(dòng)態(tài)和異步的載入類(lèi)。
2. 動(dòng)態(tài)編譯生成。
定義時(shí)，使用Ext.define 和使用以下兩個(gè)類(lèi)的屬性定義依賴(lài)關(guān)系
requries
uses

### Mixins
這是一個(gè)新的方式插入客制功能到已有的類(lèi)中，和Ext.override 類(lèi)似。但它不會(huì )像override 那樣，覆蓋原有的功能，定義方式如下：
```javascript
Ext.define('Sample.Musician', {
extend: 'Sample.Person',
mixins: {
guitar: 'Sample.ability.CanPlayGuitar',
compose: 'Sample.ability.CanComposeSongs',
sing: 'Sample.ability.CanSing'
    }
});
```

###  Statics
可以在類(lèi)中定義靜態(tài)的方法通過(guò) 類(lèi)的static 屬性

### Config
可以使用 "config" 在class 中定義屬性，Ext會(huì )自動(dòng)產(chǎn)生setter 和 getter 方法。 在舊版本中我們使用API 方式進(jìn)行。
而使用config 方式， 會(huì )自動(dòng)生成 getter, setter, reset 和 apply（用來(lái)客制化邏輯）方法。 比如：
```javascript
Ext.define('MyClass', {
config: {
title: 'Default Title'
    }
});
```

以下方法會(huì )自動(dòng)生成：
```javascript
title: 'Default Title',
getTitle: function() {
returnthis.title;
},
resetTitle: function() {
this.setTitle('Default Title');
},
setTitle: function(newTitle) {
this.title = this.applyTitle(newTitle) || newTitle;
},
applyTitle: function(newTitle) {
// custom code here
// e.g. Ext.get('titleEl').update(newTitle);
}
```

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

購物車(chē)

0 ITEMS ON YOUR CART

Ext JS開(kāi)發(fā)大全

Ext JS 4 升級指南

網(wǎng)站導航