3

这个问题与Trying to bind a store to a ViewModel相关，但这是一个不同的问题。

我在这样的视图模型中声明一个商店：

Ext.define('Mb.view.rma.DetailsModel', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.rma-details',
    requires: ['Mb.model.rma.Detail'],
    data: {
        id: 0
    },
    stores:{
        details: {
            //store: 'rma.Details',
            type: 'rmaDetails', // correction as suggested by @scebotari
            filters: [{
                property: 'rma',
                value: '{id}'
            }],
            remoteFilter: true
        }
    }
});

当我实例化视图时，视图模型中的值id会正确更新（我可以看到这一点，因为视图通过绑定标题反映了它）：

Ext.define('Mb.view.rma.Details', {
    extend: 'Ext.grid.Panel',
    requires: [
        'Mb.view.rma.DetailsModel'
    ],
    viewModel: {
        type: 'rma-details'
    },
    bind: {
        title: 'Retour n° {id}',
        store: '{details}'
    },

我面临的问题是商店没有被加载，即使视图模型中有remoteFilter: true属性（remoteFilter: true在商店类而不是视图模型中设置不会改变行为）。

为了完成代码，这里是商店（没什么特别的）：

Ext.define('Mb.store.rma.Details', {
    extend: 'Ext.data.Store',
    model: 'Mb.model.rma.Detail',
    alias: 'rmaDetails', // correction as suggested by @scebotari
    proxy: {
        (...)
    },
    remoteFilter: true
});

主要问题：为什么商店没有加载？

辅助问题：显示详细信息网格（例如发票行）似乎是一个常见问题。我不确定我正在尝试的是否是使用 MVVM 解决此问题的推荐方法。MVVM 似乎比 MVC 更好，因为它提供了一次打开多个细节实例的可能性。我没有找到这个案例的例子。有没有推荐的方法来解决这个问题？

笔记：

过滤器按应有的方式应用。

这家店{details}好像不是连锁店。实际上，当在viewmodel中store: 'rma.Details'变成时，它就变成了一个链式商店。source: 'rma.Details'

4

1 回答 1

2

据我所知，这不是您使用视图模型中单独类中声明的商店的方式。

声明要在视图模型中使用的商店时，应指定“别名”配置，如下所示：

Ext.define('Mb.store.rma.Details', {
    extend: 'Ext.data.Store',
    model: 'Mb.model.rma.Detail',
    alias: 'store.rmaDetails',
    proxy: {
        (...)
    }
});

然后在“类型”存储配置中的视图模型中使用此别名：

stores:{
    details: {
        type: 'rmaDetails',
        filters: [{
            property: 'rma',
            value: '{id}'
        }],
        remoteFilter: true,
        autoLoad: true
    }
}

我不知道为什么这还没有记录。可能是因为后来添加了此功能（https://www.sencha.com/forum/showthread.php?284012-Use-existing-Store-in-ViewModel）。

设置时会自动加载数据autoLoad: true。视图模型中的商店配置扩展了商店类store.rmaDetails。每个视图实例都有自己关联的存储实例（与默认实例不同.getStore('rma.Details')。

于 2017-05-23T15:49:01.440 回答