[ExtJS] viewModel 动态绑定store

最新推荐文章于 2020-03-25 13:46:41 发布

29号同学

最新推荐文章于 2020-03-25 13:46:41 发布

阅读量4.6k

点赞数 1

本文链接：https://blog.csdn.net/ZYD45/article/details/97394428

版权

ExtJS 专栏收录该内容

55 篇文章 5 订阅

订阅专栏

本文探讨在ExtJS中如何动态地将store绑定到viewModel，特别是在使用grid时需要根据不同情况切换不同store的问题。遇到的问题是，当切换store后，viewModel中的person和meeting的proxy变为null。解决方案是将store的动态配置移动到data中。

摘要由CSDN通过智能技术生成

在使用grid时，想要动态绑定store,并且在不同情况下，采用不同的store

本使用官方的viewModel中的，stores 绑定，如下：

{
    xtype: 'grid',
    viewModel: {
        data: {
            IsMeetingBoard: true,
        },
        stores: {
            person: { //用于动态切换的两个store
                autoLoad: true,
                    proxy: {
                    type: 'ajax',
                        api: 'store/TD.DevCenter/QueryPersonPm'
                }
            },
            meeting: {
                autoLoad: true,
                    proxy: {
                    type: 'ajax',
                        api: 'store/TD.DevCenter/QueryMeet'
                }
            }

        },
    },
    bind: {
        store: '{IsMeetingBoard?meeting:person}'//用于动态切换的store 通过另一个属性控制
    },
}

结果在切换时出现如下情况：

来回切换后，发现 viewModel中的 person 和 meeting 的 proxy 代理都为null了

解决方法：

将store的动态配置项，挪入到 data中

viewModel: {
    data: {
        IsMeetingBoard: true,
        person: {
            autoLoad: true,
            proxy: {
                type: 'ajax',
                api: 'store/TD.DevCenter/QueryPersonPm'
            }
        },
        meeting:{
            autoLoad: true,
            proxy: {
                type: 'ajax',
                api: 'store/TD.DevCenter/QueryMeet'
            }
        }
    },
},