list - 如何在 Sencha Touch 中单击选择器“完成”按钮时动态更改列表数据

Question

我正在 Sencha touch 中开发我的应用程序。因为我有一个列表和选择器，我想在选择选择器时动态更新列表数据，即，我想在点击选择器的“完成”按钮时动态地将数据添加到列表中。我为此使用了一些逻辑，但这不会更新列表内容。

 listeners: {
                            change: function(picker,value) {
                                textValue = picker.getValue()['name'];
                                var me = this,
                                nameList = this.down('#namesList');
                                nameList.add({fullname:textValue}) ;

                            }
                       }

当我像这样更新时，它会向我抛出“未捕获的 TypeError：无法调用 null 的方法 'add'”的错误，即使已经定义了“namesList”。请告诉我解决这个问题的方法。

Answer 1

我会在列表的数据/存储中添加一条记录，然后捕获列表并刷新。

问题在于 nameList 实际上不是列表组件。尝试将例如一个 id 添加到列表中，然后在选择器更改侦听器中：

Ext.getCmp('mylist-id').refresh()

希望能帮助到你。