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

Question

我正在使用Sencha touch开发我的应用程序。我有一个列表和Picker，我想在选择选择器时动态更新列表数据，即我想在点击Picker的'Done'按钮时动态添加数据。我使用了一些逻辑，但这不会更新列表内容。

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

                            }
                       }

当我像这样更新时，它会抛出错误'Uncaught TypeError：无法调用方法'添加'of null'eventHough'namesList'已经定义。请告诉我解决这个问题的方法。

Answer 1

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

问题是nameList实际上不是列表组件。 尝试添加例如id到列表，然后在picker change listener中添加：

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

希望它有所帮助。