var store = Ext.create('mycomponents.store.mystore', {});

Ext.define('mycomponents.views.myview', {
    extend: 'Ext.container.Container',

    id: 'myownview',
    alias: 'widget.myownview',
    xtype: 'myownview',

    items: [
        {
            xtype: 'combobox',
            reference: 'levels',
            publishes: 'value',
            fieldLabel: 'Options',
            displayField: 'name',
            valueField: 'name',
            queryMode: 'local',
            lastQuery: '',
            emptyText: 'Please, choose one...',
            anyMatch: true,
            anchor: '-15',
            store: store,
            minChars: 0,
            typeAhead: true,
            typeAheadDelay: 100,
            pageSize: 0,
            clearFilterOnBlur: true,
            defaultValue: 0,
            matchFieldWidth: false,
            allowBlank: false,
            forceSelection: true,
            listeners: {
                beforequery: function(x){
                    delete x.combo.lastQuery;
                },

                change: function(item, newValue, oldValue) {
                    var params = store.proxy.extraParams;
                    params['filter[idparent]'] = item.selection.data.idparent;
                    store.proxy.extraParams = params;
                    store.load();
                }
            }
        }
    ],

    initComponent: function () {
        this.callParent(arguments);
        var that = this;
    }
});