绑定存储模型时无法使用没有 viewModel 的绑定配置答案

【问题标题】：Cannot use bind config without a viewModel when bind store model绑定存储模型时无法使用没有 viewModel 的绑定配置
【发布时间】：2020-10-27 22:41:44
【问题描述】：

当我从模型中的数据模型绑定数据存储时遇到问题，当我想在网格中设置数据时收到我发送的响应错误无法使用没有 viewModel 的绑定配置

在项目部分我还添加了 itemconfig: { 视图模型：真 } 但它仍然不起作用并且在视图中已经需要控制器和模型

items: [{
                                                    xtype: "formpanel",
                                                    autoScroll: true,
                                                    items: [{
                                                        itemConfig: {
                                                            viewModel: true
                                                        },
                                                        hideHeaders: true,
                                                        xtype: 'grid',
                                                        height: "200px",
                                                        bind:{
                                                            store:"{approval_capital_appropriation_request}"
                                                        }, 
                                                        columns: [{
                                                            dataIndex: "field",
                                                            text: "field",
                                                            width: "130px"
                                                        }, {
                                                            dataIndex: "value",
                                                            text: "value",
                                                            width: "300px"
                                                        }]
                                                    }]
                                                }]

【问题讨论】：

我推荐一个显示问题的小提琴

标签： javascript extjs extjs4

【解决方案1】：

请像这样分配 viewModel 类

 viewModel: 'main'
*************************************
Ext.define('SenchaApp.view.main.List', {
    extend: 'Ext.grid.Panel',
    xtype: 'mainlist',

    requires: [
        'SenchaApp.store.Personnel',
        'SenchaApp.view.FilterCombo'
    ],
    plugins: 'gridfilters',
    title: 'Personnel',
    viewModel: 'main',
    bind:{
        store:'{personnel}'
    },
    columns: [
        { text: 'Name',  dataIndex: 'name',
        filter:{
            type:'filterCombo'
        }
     },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone', flex: 1 }
    ],

    listeners: {
        select: 'onItemSelected'
    }
});
Here is model
**********************
Ext.define('SenchaApp.view.main.MainModel', {
    extend: 'Ext.app.ViewModel',

    alias: 'viewmodel.main',

  stores:{
    personnel:{
       //TODO -*********
    }
  }

    
});

【讨论】：