Question

如何访问和设置viewmodel中定义的商店？我能够设置在viewmodel之外创建的商店。但是我希望将商店保留在viewmodel中，并将该商店设置为网格视图。

查看

Ext.define('MyApp.view.sample.Sample', {
extend: 'Ext.panel.Panel',

requires: [
    'MyApp.view.sample.SampleController',
    'MyApp.view.sample.SampleModel'
],

xtype: 'app-sample',
controller: 'sample',

viewModel: {
    type: 'sample'
},
items: [{
    xype: 'container',
        items: [
            {
                xtype: 'grid',
                store: 'sample', //This doesn't work. Store undefined error is thrown
                columns: [
                    {
                        text: 'Name',
                        dataIndex: 'name'
                    }
                ]
            }   
        ]
    }
]

}）;

视图模型

Ext.define('MyApp.view.sample.SampleModel', {
extend: 'Ext.app.ViewModel',
alias: 'viewmodel.sample',
stores: {
    sample: {
       // storeId: 'sample', //doesn't work even if I uncomment this
    fields: [ 'name' ],
        data: [
            { name: 'Lisa' },
            { name: 'Bart' },
            { name: 'Homer',}
        ]
    }
}
});

Answer 1

您需要绑定您的商店（您需要为从ViewModel获取的所有属性执行此操作）并使用正确的＆＃34;绑定＆＃34;符号http://www.sencha.com/forum/showthread.php?284474-ViewModel-stores-help

xtype: 'grid',
bind: {
    store: '{sample}' // curly braces if referencing from ViewModel
},
columns: [
...
]

您使用的是ExtJS 5，对吗？我只提到这一点，因为你的一个标签用于＆＃39; extjs4＆＃39;在ExtJS 5之前没有引入ViewModels。

Aceess extjs viewmodel store in view

1 个答案: