Ext.ux.form.ItemSelector does not work with asynchronous loading (proxy)

[robboerman]

Hi,

i am using the Ext.ux.form.ItemSelector field in one of my client's apps. The ItemSelector example demonstrates how to use the component with an inline store and static data. When the component is supplied with a Asynchronous store, the loaded data is not displayed. This can be fixed by re-binding the store to the component on load of the store (see 'load' listener on the store):

Ext.define('ux.form.LovSelector', {
    extend: 'Ext.ux.form.ItemSelector',

	initComponent: function() {
		var me = this;

		var ds = Ext.create('Ext.data.Store', {
			model: 'AFS.model.Ability',
						
			proxy: {
				type: 'direct',
				paramsAsHash: true,
				directFn: AFS.Direct.Data.combolist,
				reader: {
					root: 'data',
					totalProperty: 'total',
					id: 'id',
					type: 'json'
				}
			},

			/* hack to make sure that an async load is handled */
			listeners: { 
				load: function() {me.bindStore(me.store);}
			},
			autoLoad: true
		});

		Ext.apply(this,{
			store: ds,
			displayField: 'name',
			valueField: 'id'
		});
		
		this.callParent();
	}

});

[scottmartin]

Thank you for the report.

Regards,
Scott.