如何在XTemplate 4-5中使用异步获取的数据

Question

我有一个用tpl和商店配置的数据视图。装得很好。但是，每个记录/模板的一些变量需要通过为每个记录/模板调用不同的外部url，在一个连续的步骤中获取。

Ext.define('MyView', {
    extend: 'Ext.view.View',
    store: 'myStore',
    tpl: [ 
        '<tpl for=".">',
        '    <div class="social">',
        '        <div>{id}</div>',
        '        <div>{firstname}</div>',
        '    </div>',
        '</tpl>'
    ],
    itemSelector: 'div.social'
});

如何通过调用一个url来异步地设置一些变量值，该url使用一个json对象进行响应，在使用模板在视图中呈现这些值之后保存存储中的每个记录的这些值？

根据关于这样的问题的答案，这是不可能的。根据这个职位的说法，它是：“tpl选项最强大的特性是，数据可以稍后更改，以更新页面上显示的内容。”

Answer 1

通常，您希望后端立即返回所需的所有数据(以减少请求的数量和时间)。如果后端不能这样做和/或无法控制它，您可能需要查看Ext的关联。

理论上，一旦XTemplate调用一个尚未加载的关联，它就会发出加载请求(通过为关联模型配置的代理)，然后该代理会在记录上触发一个"update“事件，然后在存储中触发一个"update”事件，然后触发DataView刷新。