# Backend/ExtJS Erweiterung der Kategorieansicht um ein Dropdown

**URL:** <https://forum.shopware.com/t/backend-extjs-erweiterung-der-kategorieansicht-um-ein-dropdown/41356>\
**Category:** Programmierung\
**Created:** [15. November 2016 um 12:27 UTC](https://forum.shopware.com/t/backend-extjs-erweiterung-der-kategorieansicht-um-ein-dropdown/41356 "2016-11-15T12:27:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Daniel\_Bottner](https://avatars.discourse-cdn.com/v4/letter/d/a5b964/32.png) [@Daniel\_Bottner](https://forum.shopware.com/u/Daniel_Bottner)\
**Post date:** [15. November 2016 um 12:27 UTC](https://forum.shopware.com/t/backend-extjs-erweiterung-der-kategorieansicht-um-ein-dropdown/41356/1 "2016-11-15T12:27:03Z")

</div>

Hallo zusammen,

ich habe ein paar Probleme bei der Erstellung eines Backend Plugins welches die Kategorie um ein Dropdown erweitern soll.

Grundsätzlich erweitere ich die Kategorien

```
//{block name="backend/category/view/tabs/settings" append}

```

Dort füge ich ein neues Fieldset ein.

Im Fieldset befindet sich ein dropdown welches anhand eines Models entsprechend Daten zur Auswahl anbieten soll.  
Momentan ist es nun leider so das ich ein “Cannot read property ‘load’ of undefined” erhalte.

```
//{block name="backend/category/view/tabs/settings" append}
Ext.define('Shopware.apps.HaendlerbundFoobarCategories.view.category.tabs.settings', {
    override:'Shopware.apps.Category.view.category.tabs.Settings',
    
    getItems: function() {
        var me = this;
        var items = me.callParent(arguments);
        me.FooBar = me.getFooBarSection();
        items.push(me.FooBar);
        return items;
    },
    
    getFooBarSection : function()
    {
        var me = this;
        return Ext.create('Ext.form.FieldSet',{
            title: 'FooBar Verlinkung',
            anchor: '100%',
            defaults : me.defaults,
            disabled : false,
            items : me.getDropdowns()
        });
    },
    
    getDropdowns:function(){
        var me = this;
        
        return me.templateComboBox = Ext.create('Ext.form.field.ComboBox', {
            xtype:'combobox',
            fieldLabel: 'FooBar Product',
            store: me.fooBarProducts,
            labelWidth: 155,
            valueField: 'id',
            displayField:'title',
            editable: true,
            allowBlank:true,
            name:'fbproduct'
        });
    }
});
//{/block}

```

Der angegebene store liegt unter **Views/backend/haendlerbund\_foobar\_categories/store/foo\_bar\_products**

Der Inhalt des Stores sieht dann unter anderem wie folgt aus:

```
//{block name="backend/haendlerbund_foobar_categories/store/fooBarProducts"}
Ext.define('Shopware.apps.HaendlerbundFoobarCategories.store.fooBarProducts', {

//...
model: 'Shopware.apps.HaendlerbundFoobarCategories.model.fooBarProducts',
proxy : {
        type : 'ajax',
         /**
         * Configure the url mapping for the different
         * store operations based on
         * @object
         */
        api : {
            read : '{url controller=HaendlerbundFoobarCategories action=getProducts}'
        },
        /**
         * Configure the data reader
         * @object
         */
        reader : {
            type : 'json',
            root: 'data'
        }
    }
});
//{/block}

```

**Meine Frage nun:**

Wo ist mein genereller Fehler? Namespacing? Naming der Pfade? Wo kann ich noch schauen?

Am Ende soll das ganze dann natürlich entsprechend die Auswahl speichern.

&nbsp;

**EDIT**

Ich habe das naming von jeweils ‘haendlerbund\_foobar\_categories’ zu ‘HaendlerbundFoobarCategories’ angepasst. Ich vermute das ich diesbezüglich  
das Naming in den files mit dem Naming der files selbst vermischt habe.

Leider bleibt das dropdown weiterhin leer.

---

<div class="post-metadata">

**Author:** ![Daniel\_Bottner](https://avatars.discourse-cdn.com/v4/letter/d/a5b964/32.png) [@Daniel\_Bottner](https://forum.shopware.com/u/Daniel_Bottner)\
**Post date:** [21. November 2016 um 10:14 UTC](https://forum.shopware.com/t/backend-extjs-erweiterung-der-kategorieansicht-um-ein-dropdown/41356/2 "2016-11-21T10:14:29Z")

</div>

Ich habe meine Ursprungsfrage angepasst an den momentanen Stand. Leider kann ich noch immer keinen Fortschritt berichten.

Mittlerweile habe ich mir erlaubt die Frage auch im englischen bei StackOverflow zu stellen.

[http://stackoverflow.com/questions/40716220/shopware-backend-enhance-category-with-extjs](http://stackoverflow.com/questions/40716220/shopware-backend-enhance-category-with-extjs)

---

<div class="post-metadata">

**Author:** ![Heiner\_Lohaus](https://avatars.discourse-cdn.com/v4/letter/h/b5a626/32.png) [@Heiner\_Lohaus](https://forum.shopware.com/u/Heiner_Lohaus)\
**Post date:** [1. Dezember 2016 um 11:16 UTC](https://forum.shopware.com/t/backend-extjs-erweiterung-der-kategorieansicht-um-ein-dropdown/41356/3 "2016-12-01T11:16:38Z")

</div>

Hallo Daniel,

bei deinen genannten Beispielen passen einige Dinge nicht.  
Zum Beispiel wird an keiner Stelle der Store geladen:  
&nbsp;me.fooBarProducts  
Zusätzlich reicht es nicht, neue Dateien im richtigen Pfad abzulegen.  
Man muss sie z.B. „extendsTemplate“ selbst in das Core-Module laden.

Ein vollständiges und funktionierendes Beispiel findest du unter:

[https://developers.shopware.com/developers-guide/backend-extension/#example-#1:-simple-extension](https://developers.shopware.com/developers-guide/backend-extension/#example-#1:-simple-extension)

Gruß Heiner