扩展扩展外部数据存储

Question

我正试图将EXTJS存储的配置集中在我的应用程序中，然而，我似乎不知道如何实现这一点。我使用的是ExtJS 4.1。

我有一个基本存储，我想保存所有重复配置的东西，然后我的更具体的存储来保存实际不同的东西。

Ext.define('My.store.Abstract', {
extend: 'Ext.data.Store',
autoload:false,
proxy: {
type: 'ajax', 
reader: {  
type: 'json',
root: 'data',
totalProperty: 'total',  
successProperty: 'success', 
messageProperty: 'message'  
},
writer: {  
type: 'json',
encode: true, 
writeAllFields: true, 
root: 'data',
allowSingle: false 
},
simpleSortMode: true
}
});

然后我想在逐个商店的基础上提供特定商店的东西——

Ext.define('My.store.Products', {
extend: 'My.store.Abstract',
storeId: 'Products',
model: 'My.model.Product',
proxy: {
api: {
create: '/myurl/create',  
read: '/myurl/index',
update: '/myurl/update',  
destroy: '/myurl/delete' 
}
}
});

我发现它根本就不正常。我相信这与代理有关，但我就是找不到它。

正确的方法是什么？我不希望在我的应用程序中的350+个存储中复制相同的配置内容(从我的抽象存储中)。到目前为止，这就是我所拥有的，我认为我正在努力实现一个非常基本的概念。。但无济于事。

我知道有些东西不起作用，比如pageSize，甚至autoLoad。。因为他们根本没有得到尊重。

我玩过构造函数，并调用了父级。

如有任何帮助，我们将不胜感激。

Answer 1

你不能那样做，因为你希望合并它不会做的对象。

相反，你会想看看这样的东西(未经测试)：

Ext.define('Base', {
extend: 'Ext.data.Store',
autoLoad: false,
constructor: function(config) {
// applyIf means only copy if it doesn't exist
Ext.applyIf(config, {
proxy: this.createProxy()
});
this.callParent([config]);
},
createProxy: function() {
return {
reader: {
type: 'json',
root: 'data',
totalProperty: 'total',
successProperty: 'success',
messageProperty: 'message'
},
writer: {
type: 'json',
encode: true,
writeAllFields: true,
root: 'data',
allowSingle: false
},
simpleSortMode: true
}
}
});
Ext.define('Sub', {
extend: 'Base',
createProxy: function(){
var proxy = this.callParent();
proxy.api = {
create: 'create',
update: 'update'
};
return proxy;
}
});

Answer 2

这里有另一种方法：

基本存储(app/store/Base.js)：

Ext.define('Admin3.store.Base', {
extend: 'Ext.data.Store',
autoLoad: true,
autoSync: true
});

基本代理(app/proxy/Base.js)：

Ext.define('Admin3.proxy.Base', {
extend: 'Ext.data.proxy.Ajax',
alias: 'proxy.base',
reader: {
type: 'json',
root: 'items',
successProperty: 'success',
messageProperty: 'message'
},
listeners: {
exception: function(proxy, response, operation){
console.log(response, operation);
Ext.Msg.show({
title: 'Remote Exception',
msg: typeof operation.getError() === 'string' ? operation.getError() : operation.getError().statusText,
icon: Ext.Msg.ERROR,
buttons: Ext.Msg.OK
});
}
}
});

混凝土商店(app/store/Users.js)：

Ext.define('Admin3.store.Users', {
extend: 'Admin3.store.Base',
model: 'Admin3.model.User',
proxy: Ext.create('Admin3.proxy.Base', {
api: {
read: 'data/read.php',
update: 'data/update.php'
}
})
});

Answer 3

我认为这里的其他答案可能比需要的要复杂一些。从4.0.0版本开始，ExtJS有一个Ext.Object.merge()方法，它将允许一种非常接近询问者尝试的方法。

使用询问者的值，我会定义我的"抽象"存储，如下所示：

Ext.define("Ext.ux.data.Store", {
extend: "Ext.data.Store",
constructor: function(config) {
var defaults = {
autoload: false,
proxy: {
type: "ajax", 
reader: {  
type: "json",
root: "data",
totalProperty: "total",  
successProperty: "success", 
messageProperty: "message"  
},
writer: {  
type: "json",
encode: true, 
writeAllFields: true, 
root: "data",
allowSingle: false 
},
simpleSortMode: true
}
};
this.callParent([Ext.Object.merge({}, defaults, config)]);
}
});

然后我会创建这样的混凝土商店：

Ext.create("Ext.ux.data.Store", {
storeId: "ExampleStore",
model: "ExampleModel",
autoLoad: true, // This overrides the defaults
proxy: {
api: {
read: "/example/read"  // This overrides the defaults
}
}
});

这种方法也适用于多个级别的组件。例如，您可以为只读存储建模：

Ext.define("Ext.ux.data.ReadonlyStore", {
extend: "Ext.ux.data.Store",
constructor: function(config) {
var overrides = {
proxy: {
api: {
create: undefined,
update: undefined,
destroy: undefined
}
}
}
this.callParent([Ext.Object.merge({}, config, overrides)]);  // Note that the order of parameters changes here
}
});