如何在Ext.Component ExtJS中显示存储中的数据

时间:2019-01-29 14:26:14

标签: extjs extjs6-classic extjs6-modern

我已经存储了从服务器返回数据的

Ext.define('Admin.store.dashboard.NPS', {
extend: 'Ext.data.Store',
alias: 'store.nps',

autoLoad : false,
proxy    : {
    type: 'api',
    url : SITE_URL + '/api/surveys/nps'
},
fields   : [
    {
        type: 'float',
        name: 'nps'
    }
]    
});

我想在Ext.Component的tpl中显示该数据:

Ext.define('Admin.view.dashboard.NPSPercent', {
extend: 'Ext.Component',
xtype: 'nps-percent',
bind: {
    data: {
        nps_percent: '{nps}'
    }
},

tpl: new Ext.XTemplate('<div class="percent">+{nps_percent.nps}</div>')
});

我尝试将数据绑定到已加载的存储,但无法正常工作。

1 个答案:

答案 0 :(得分:2)

组件中的模板需要常规的东西,例如数组,而不是存储。要使用商店作为数据源来呈现模板,请使用Ext.view.View类,而不仅仅是组件。