如何根据绑定数据动态添加项目

Question

我有ViewModel，其中一个字段包含对象数组。如何基于该字段的数据动态创建项目：[]？实际上我需要像网格一样的东西，但有点复杂和不同的布局。我想我必须听一些类似于＆＃39; onChange＆＃39; ViewModel的事件，并执行this.add（Ext.create（＆＃39; MyItem＆＃39;，{data：ElementOfArrayFromVMField}））。这是对的吗？

Answer 1

最后，我发现CD指出的方式是最好的。我将Panel扩展为Periods，并创建方法setPeriods。然后绑定完美。最重要的是 - 在metod中的前缀'set'，它被命名为bound field。

...
xtype: 'Periods',
bind: {
    periods: '{veiwmodel.periods}'
}
...

和期间内：

Ext.define('Myapp.view.Periods', {
extend: 'Ext.panel.Panel',
...
setPeriods: function(items) {
    this.removeAll(true);
    this.add({...});
}