extjs视图模型中的公式

xmq68pz9  于 2022-11-04  发布在  其他
关注(0)|答案(1)|浏览(250)

我有一个带有公式的简单视图模型(几乎是从 Sencha 文档中剪切和粘贴的),但是它的公式不起作用。
下面是一个完整的示例:https://fiddle.sencha.com/fiddle/3lpa
摘要:

Ext.define('vm', {
extend: 'Ext.app.ViewModel',
formulas: {
    bar: function (get) {
      return true;
    }
}});

...
vm.get('bar')
执行时-这将返回“null”,而不是“true”。另外-vm.getFormulas()为空。
我哪里做错了有什么建议吗

qlvxas9a

qlvxas9a1#

公式计算由ExtJS以复杂的方式管理,以优化性能。在您的示例中,ExtJS没有发现计算公式的原因。请尝试以下代码,因为您看到bind语句引用了ViewModel数据,所以它将被正确计算:

Ext.define('vm', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.vm',
    formulas: {
        bar: function (get) {
          return true;
        }
    }})

Ext.application({
    name : 'Fiddle',
    launch : function() {
        var component =Ext.create({
            xtype: 'component',
            bind: {
                html: '{bar}'
            },
            renderTo: Ext.getBody(),
            viewModel: {
                type: 'vm'
            }
        });
    }
});

相关问题