shopware_attribute.crud_service mit ExtJs AJAX Store erweitern

Shopware 5 Programmierung
1

Ich nutze den crud_service  um das Shopseitenformular um ein eigenes Feld (ComboBox) zu erweitern. Das funktioniert auch. Was ich noch nicht herausgefunden habe ist wie ich diesem Feld einen (Ajax)-Store zuweisen kann. Ich möchte nämlich einen Autosuggest implementieren.

private function createAttributes()
{
    /** @var $service \Shopware\Bundle\AttributeBundle\Service\CrudService */
    $service = $this->container->get('shopware_attribute.crud_service');

    $service->update('s_cms_static_attributes', 'suggested_emotion_id', TypeMapping::TYPE_COMBOBOX, [
        'label' => 'Einkaufswelt auswählen',
        'translatable' => false,
        'displayInBackend' => true
    ]);

    $metaDataCache = Shopware()->Models()->getConfiguration()->getMetadataCacheImpl();
    $metaDataCache->deleteAll();

    // Rebuild attribute models
    Shopware()->Models()->generateAttributeModels(
        [
            's_cms_static_attributes'
        ]
    );
}

Für das Autosuggest habe ich bereits eine fertige Lösung die aber –vermutlich weil das Model in diesem Fall nicht erweitert wird– die Daten nicht persistiert. Ich habe hierzu die ExtJs Komponente  Shopware.apps.Site.view.site.Form erweitert.  

//{block name="backend/site/view/site/form" append}
Ext.define('Shopware.apps.Site.view.site.EmotionAutoSuggest.Form', {
    override: 'Shopware.apps.Site.view.site.Form',
    getItems: function() {
        var me = this;
        var items = me.callParent(arguments);

        items.unshift({
            xtype: 'fieldset',
            title: 'My Fieldset Title',
            items: me.getAutoSuggestField(),
            padding: 20,
            defaults: { labelWidth: 155 }
        });
        return items;
    },

    getAutoSuggestField: function() {
        var states = Ext.create('Ext.data.Store', {
            proxy: {
                type: 'ajax',
                api: {
                    read: '/backend/EmotionSuggestController/getEmotions'
                }
            },
            fields: ['id', 'name']
        });

        // Create the combo box, attached to the states data store
        return Ext.create('Ext.form.ComboBox', {
            labelWidth: 155,
            anchor: '100%',
            fieldLabel: 'Einkaufswelt auswählen',
            store: states,
            queryMode: 'remote',
            displayField: 'name',
            valueField: 'id',
            name: 'suggested_emotion_id',
            renderTo: Ext.getBody()
        });
    }
});
//{/block}