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

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({...});
}