Extjs-6中的Config Proprety Picker doese不能很好地工作

Question

我正在使用Extjs - 6开发应用程序。我从Ext.form.field.Picker扩展了一个视图类，如下所示：

Ext.define('Fiddle.MyCombo', function(){
    var me;

    var initComponent = function()
    {
        me = this;
        Ext.apply(me, {});
        me.callParent(arguments);
    };

    var createPicker = function ()
    {
        var textfield = {
            xtype: 'textfield',
            width: '100%',
            border: false,
            listeners: {
                change: function(component, newValue)
                {
                    me.setStr(newValue);
                }
            }
        };

        var panel = new Ext.panel.Panel({
            rtl: true,
            minWidth: 300,
            floating: true,
            items: [textfield]
        });

        Ext.Msg.alert('Attension', 'Init Value is : ' + me.getStr());
        return Ext.widget(panel);
    };

    return {
        extend: 'Ext.form.field.Picker',
        alias: 'widget.mycombo',

        initComponent: initComponent,
        createPicker: createPicker,
        config: {
            str: ''
        }
    };
});

我使用这个课程如下：

Ext.define('Fiddle.Main', {
    extend: 'Ext.panel.Panel',
    width: 400,
    height: 200,
    title: 'Its me!',
    items: [{
        xtype: 'mycombo',
        name: 'item1'

    }, {
        xtype: 'mycombo',
        name: 'item2'
    }]
});

当我首先打开mycombo（item1）并在文本字段输入中键入一些单词，然后打开第二个mycombo项目（items2）时，在createPicker函数中我提醒{{1} item的值，它显示item1的值。

为什么它会显示item1＆s;的str值？

哪里错了？

我的样本小提琴是here。