有声读物_[Ext JS 7] 關(guān)聯(lián)（Association）| 成都西華升騰科技有限公司

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

CmsWing

[Ext JS 7] 關(guān)聯(lián)（Association）

## [Ext JS 7] 關(guān)聯(lián)（Association）
### 關(guān)聯(lián)（Association）的概念與示例
Association用于描述不同模型類(lèi)之間的關(guān)聯(lián)。
比如有如下關(guān)系：
![](/upload/picture/2022-09-30/upload_ab004ce577e4ae8b4cf4e2028d03e4cc.png)
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來(lái)直接上傳(img-fTwUxzit-1590073083528)(images/screenshot_1590071454442.png)]
如果后端返回以下格式的JSON數據， 前端如何定義關(guān)聯(lián)模型呢？
```javascript
var datas = [
{
	"id": 1,
	"name": "蜀",
	"generals": [
	{                
	"id": 101,
	"name": "劉備"
	},{                
	"id": 102,
	"name": "關(guān)羽"            
	}        
]    
}]
```

### 關(guān)聯(lián)模型類(lèi)定義
```javascript
//王國類(lèi)        
Ext.define('Kingdom', {
	extend: 'Ext.data.Model',
	fields: ['id', 'name']
	});        //將軍類(lèi)        
	Ext.define('General', {
	extend: 'Ext.data.Model',            
	fields: ['id', 'name', 
	{name: 'kingdomId',
	reference: 'Kingdom' //關(guān)聯(lián)                
	}]        
});
```
關(guān)鍵： 在General類(lèi)中，多定義一個(gè)欄位kingdomId，使用reference指定關(guān)聯(lián)的其他的類(lèi)名。（此處是實(shí)現關(guān)聯(lián)的定義方式的一種）
使用內存類(lèi)型的Store測試關(guān)聯(lián)
```javascript
 var kingdomStore = new Ext.data.Store({
 model: 'Kingdom',
 data: datas,
 autoLoad: true,
 proxy: {
 type: 'memory',
 reader: {
 type: 'json'
 }            
 }        
 });        
 var firstKingdom = kingdomStore.first(); //獲取Store的第一個(gè)記錄        console.log(firstKingdom.get("name")); //控制臺打印        
 var generalStore = firstKingdom.generals(); //generals()， 自動(dòng)產(chǎn)生的方法， 獲取關(guān)聯(lián)的Store   
 var firstGeneral = generalStore.first();  //關(guān)聯(lián)Store的第一個(gè)記錄        
 console.log(generalStore.getCount()+":"+firstGeneral.get("name")); //
```

### 注意：
為演示方便，這里使用memory類(lèi)型的代理獲取內聯(lián)的數據，這里必須要設置proxy，否則取不到關(guān)聯(lián)的數據。
.generals() 是框架自動(dòng)產(chǎn)生的方法， 用戶(hù)獲取關(guān)聯(lián)的數據，返回的類(lèi)型是Store， 可以通過(guò)Store相關(guān)的方法獲取關(guān)聯(lián)數據。
關(guān)聯(lián)相關(guān)的框架類(lèi)
關(guān)聯(lián)(Association)相關(guān)的類(lèi)的定義是在Ext.data.schema包中，比如 Ext.data.schema.Association，關(guān)于Schema的介紹參加第7章。
關(guān)聯(lián)類(lèi)不單獨使用，而是通過(guò)Ext.data.Model進(jìn)行構造。關(guān)聯(lián)相關(guān)的類(lèi)包括：
Ext.data.schema.Association
Ext.data.schema.ManyToOne
Ext.data.schema.HasMany
Ext.data.schema.OneToOne
Ext.data.schema.HasOne
Ext.data.schema.ManyToMany
關(guān)聯(lián)的實(shí)現方式
### 按鍵關(guān)聯(lián)
定義： 使用模型的某個(gè)字段關(guān)聯(lián)另外一個(gè)模型的id。
適用： 關(guān)系型數據庫
用法： 在模型字段定義中使用reference配置。
### 無(wú)鍵關(guān)聯(lián)
定義：通過(guò)數據的層級結構決定關(guān)系。
適用： 常用于NoSQL數據庫中
用法： 使用模型的HasOne、HasMany和ManyToMany定義另外一個(gè)模型類(lèi)。
### 關(guān)聯(lián)的類(lèi)型
根據關(guān)聯(lián)雙方的關(guān)聯(lián)維度，關(guān)聯(lián)分為：
多對一 Many To One
比如很多將軍屬于某一個(gè)王國。
定義方式：
按鍵關(guān)聯(lián)： 使用Ext.data.schema.ManyToOne
無(wú)鍵關(guān)聯(lián)：Ext.data.schema.HasMany
一對一 One To One
比如王國和都城的對應關(guān)系， 一對一關(guān)系更常使用在數據分片上，比如新定義一個(gè)KingdomInfo類(lèi)，作為Kingdom類(lèi)的補充。
按鍵關(guān)聯(lián)： 使用 Ext.data.schema.OneToOne
無(wú)鍵關(guān)聯(lián)：使用Ext.data.schema.HasOne
多對多 Many To Many
實(shí)例： 將軍和戰役的關(guān)聯(lián)，一個(gè)將軍會(huì )參加很多場(chǎng)戰役，一場(chǎng)戰役參戰的將軍也有多個(gè)。
使用 Ext.data.schema.ManyToMany，除非與Ext.data.Session一起使用，否則多對多關(guān)系是只讀的。
### 關(guān)聯(lián)的優(yōu)勢
Assocations 可以使共享同一個(gè)連接的多個(gè)模型變得容易處理具體包括：
自動(dòng)產(chǎn)生取值和設值的方法
針對上面的示例：
自動(dòng)產(chǎn)生generals(將軍) 返回Store類(lèi)型
產(chǎn)生getKingdom 和 setKingdom方法， 參數類(lèi)型是Kingdom的模型類(lèi)實(shí)例。
嵌套加載
在同一個(gè)請求中從遠端數據源獲取層級的關(guān)聯(lián)數據。
綁定
{kingdom.general} {kingdom.general.name}
### 關(guān)聯(lián)中的概念
Roles 角色
角色用于確定關(guān)聯(lián)的生成名字，默認通過(guò)字段名（在按鍵關(guān)聯(lián)中）或是模型名產(chǎn)生。該命名遵循Ext.data.schema.Namer定義的模式。 要更改特定實(shí)例，可以顯式指定：
自動(dòng)產(chǎn)生的方法
store
gettter/setter
反身 Reflexive
定義了一方，另一方自動(dòng)產(chǎn)生

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

購物車(chē)

0 ITEMS ON YOUR CART

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

[Ext JS 7] 關(guān)聯(lián)（Association）

網(wǎng)站導航