Extjs 6 使用 Ext.define 定义一个链式存储

【问题标题】：Extjs 6 Define a chained store using Ext.defineExtjs 6 使用 Ext.define 定义一个链式存储
【发布时间】：2017-04-01 02:26:54
【问题描述】：

可以使用 Ext.define 语句定义连锁店吗？我尝试了以下代码，但出现错误：

Ext.define('MyProject.store.RelFiltered', {
    extend: 'Ext.data.ChainedStore',
    source:'MyProject.store.Rel',
    alias: 'store.releasesFiltered'
});

我收到的错误是：

Ext.data.ChainedStore.applySource(): Invalid source "MyProject.store.Rel" specified for Ext.data.ChainedStore

和

Ext.mixin.Bindable.applyBind(): Cannot use bind config without a viewModel

我从this 帖子中得到了idee，但似乎代码不完整。

谢谢

【问题讨论】：

标签： extjs extjs4 extjs6 extjs6-classic

【解决方案1】：

可以使用 Ext.define 语句定义连锁店吗？

绝对是的。但是chained store 的source config 表示它应该是商店实例或现有商店的id。

所以代码应该是这样的：

Ext.define('MyApp.store.MyChainedStore', {
    extend: 'Ext.data.ChainedStore',

    storeId: 'MyChainedStore',
    //source using storeID
    source: 'OriginalStore'

});

Ext.define('MyApp.store.OriginalStore', {
    extend: 'Ext.data.Store',

    requires: [
        'Ext.data.field.Field'
    ],

    storeId: 'OriginalStore',
    data: [{
        id: 1,
        name: 'commodi'
    }],
    fields: [{
        name: 'id'
    }, {
        name: 'name'
    }]
});

查看这个小提琴示例https://fiddle.sencha.com/#view/editor&fiddle/1kk4

【讨论】：