1.定義壹個Store對象,並將其代理屬性設置為API接口的URL,例如:
```
ext . define(' myapp . store . my store ',{
擴展:' Ext.data.Store ',
別名:“store.mystore”,
模型:' MyApp.model.MyModel ',
代理服務器:{
類型:“ajax”,
Url: '/api/data ',//這裏是api接口的Url。
讀者:{
類型:' json ',
rootProperty:“數據”
}
}
});
```
在上面的代碼中,` proxy '屬性用於指定數據的加載和保存方式,這裏使用了壹個ajax類型的代理,URL設置為`/api/data '。
2.在需要調用接口的地方實例化這個Store對象,調用它的` load()'方法加載數據,例如:
```
var my store = ext . create(' myapp . store . my store ');
myStore.load({
回調:函數(記錄、操作、成功){
//數據加載完成後回調函數
如果(成功){
//數據加載成功
//加載的數據可以在這裏進壹步處理。
}否則{
//數據加載失敗
//您可以在這裏處理錯誤。
}
}
});
```
在上面的代碼中,MyStore '對象由create()'方法實例化,然後調用' load()'方法加載數據。在加載後的回調函數中,可以對加載的數據進行進壹步的處理。
原因:ExtJS中的Store對象用於管理前端應用和後端數據的交互。通過將存儲的代理屬性設置為API接口的URL,可以告訴存儲從哪裏獲取數據。調用Store的` load()`方法後,ExtJS會自動向指定的API接口發送Ajax請求,並將獲得的數據加載到Store中。
擴展內容:除了調用接口獲取數據之外,Store還提供了添加、刪除、修改、查詢數據的其他方法和事件。例如,您可以使用商店的' add()'方法添加新記錄,使用remove()'方法刪除記錄,使用sync()'方法將修改後的數據保存到後端。此外,商店還可以綁定網格、表單等組件,實現數據展示和編輯。通過對API文檔和商店實例的深入學習,我們可以更好地理解和使用ExtJS中的數據管理功能。