如何根据绑定数据动态添加item

Question

我有 ViewModel，其中一个字段包含对象数组。如何根据该字段的数据动态创建 items: []？实际上我需要类似网格的东西，但更复杂一点，布局也不同。我想我必须为 ViewModel 听类似 'onChange' 的事件，然后做：

this.add(Ext.create('MyItem', {data: ElementOfArrayFromVMField}))

这是正确的方法吗？

Answer 1

最后发现CD指的路是最好的。我将 Panel 扩展为 Periods，并创建了方法 setPeriods。然后绑定工作完美。最重要的是 - 方法中的前缀 'set'，命名为绑定字段。

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

和句号内：

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

How to dynamically add items based on bound data