# Backend-Plugins mit Extjs

**URL:** <https://forum.shopware.com/t/backend-plugins-mit-extjs/1377>\
**Category:** Shopware 3.5\
**Tags:** programming\
**Created:** [13. Januar 2011 um 18:38 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377 "2011-01-13T18:38:38Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [13. Januar 2011 um 18:38 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/1 "2011-01-13T18:38:38Z")

</div>

Hallo Shopwareteam, ich versuche mich gerade in Extjs einzuarbeiten. Aber es fällt mir verdammt schwer. Irgendwie ist euer Syntax am Anfang anderst, als die Beispiele auf der Extjs Seite. Euer Tutorial habe ich schon durch. Ich will nun ein FormPanel in das Fenster bekommen. Mein Ansatz in der Index.tpl, welcher aber zu keinem Ergebnis führt: [code] {extends file=“backend/index/parent.tpl”} {block name=“backend\_index\_body\_inline”}

{/block} [/code] Ich hoffe ihr könnt mir weiterhelfen. Danke

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [14. Januar 2011 um 08:55 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/2 "2011-01-14T08:55:55Z")

</div>

\*Wink\* @Stefan hast du mir evtl. ein Beispiel für ein FormPanel, anstatt das Grid? Irgendwie checke ich hier noch nicht durch. Und der Unterschied zwischen euren Beispielen und der [www.sencha.com](http://www.sencha.com) Beispielen macht mich ganz Gaga… 😕

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [14. Januar 2011 um 12:01 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/3 "2011-01-14T12:01:58Z")

</div>

Hey - schau dir mal \_default/backend/plugins/recommendation/index.tpl - das ist ein vollwertiges Beispiel inkl. Formular-Panel 😉 Auf den ersten Blick passen die Namespaces bei dir nicht… Wenn du FireBUG aktiv hast, sollten in der Konsole aber auch recht aussagekräftige Fehler reportet werden…

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [24. Januar 2011 um 13:53 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/4 "2011-01-24T13:53:09Z")

</div>

Hallo Stefan, ich komme hier nicht weiter. Dein Plugin, welches ich mir anschauen soll gibt es nicht im Backend. Sicher das der Pfad stimmt?

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [24. Januar 2011 um 14:02 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/5 "2011-01-24T14:02:22Z")

</div>

Hey ottscho, das liegt direkt im Templatepfad \_default, nicht unter der engine.

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [24. Januar 2011 um 14:10 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/6 "2011-01-24T14:10:52Z")

</div>

Okay, danke dir. Habe es gefunden 😉 Aber schon krass, so ein Backend-Modul… Das fällt einem nicht gerade leicht 😕

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [24. Januar 2011 um 14:14 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/7 "2011-01-24T14:14:47Z")

</div>

Ich backe da gerade noch kleinere Brötchen 😉

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [24. Januar 2011 um 14:33 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/8 "2011-01-24T14:33:10Z")

</div>

@Shopware Team Könnt ihr hier bitte ein ausführlches Tutorial schreiben? Ich wäre euch sehr dankbar. Evtl. auch der Eine oder Andere User…

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [28. Januar 2011 um 11:07 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/9 "2011-01-28T11:07:21Z")

</div>

Ich komme mit dem Extjs Backend-Plugin einfach nicht weiter. Ich habe nun mal meine Index.tpl von der Recommendation abgeleitet und gekürzt. [code] {extends file=„backend/index/parent.tpl“} {block name=„backend\_index\_css“ append} TEST TEST  
.body {  
font:normal 11px tahoma, arial, helvetica, sans-serif;  
}  
.search-item {  
font:normal 11px tahoma, arial, helvetica, sans-serif;  
padding:3px 10px 3px 10px;  
border:1px solid #fff;  
border-bottom:1px solid #eeeeee;  
white-space:normal;  
color:#555;  
cursor:pointer;  
height:50px;  
}  
.search-item h3 {  
display:block;  
font:inherit;  
font-weight:bold;  
color:#222;  
}

.search-item h3 span {  
float: right;  
font-weight:normal;  
margin:0 0 5px 5px;  
width:100px;  
display:block;  
clear:none;  
}  
.x-action-col-cell .x-grid3-cell-inner {  
padding-top: 1px;  
padding-bottom: 1px;  
}

.x-action-col-icon {  
cursor: pointer;  
}

.x-grid3-hd-inner {  
position:relative;  
cursor:inherit;  
padding:4px 3px 4px 5px;  
}

.x-grid3-row-body {  
white-space:normal;  
}

.x-grid3-body-cell {  
-moz-outline:0 none;  
outline:0 none;  
}  
.statistics {  
font-size:12px;  
font-weight: bold;  
}  
{/block} {block name=„backend\_index\_body\_inline“}{/block} [/code] Das einzigste was ich in meinem Fenster sehe ist der TEST TEXT. Alles was mit Extjs zutun hat wird nicht angezeigt. Warum? Bitte um Hilfe…

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [28. Januar 2011 um 16:54 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/10 "2011-01-28T16:54:44Z")

</div>

Im Zuge meiner HBCI-Ttorialreihe wird es in 1-2 Wochen auch noch umfangreichere Tipps zu ExtJS geben - Der Fehler liegt bei dir in der Initialisierung: Ext.onReady(function(){ Sicherung = new Shopware.Sicherung.View; }); Bei dir gibt es kein Shopware.Sicherng.View - der eigentliche Viewport fehler also! Schau nochmal in die Recommendation Struktur - du benötigst also den Ext.Viewport der dein Formpanel einbindet!

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Februar 2011 um 08:22 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/11 "2011-02-02T08:22:08Z")

</div>

Moin Stefan, ich bin nun etwas weitergekommen. Ich habe diesen Code noch hinzugefügt: ` (function(){ View = Ext.extend(Ext.Viewport, { layout: 'border', initComponent: function() { this.form = new Shopware.Sicherung.Form(); this.items = [this.form]; View.superclass.initComponent.call(this); } }); Shopware.Sicherung.View = View; })();; ` Immerhin sehe ich nun Links Oben im Fenster ein Rechteck. Aber das war es schon 😕 Kannst du mir etwas unter die Arme greifen?

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [2. Februar 2011 um 08:34 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/12 "2011-02-02T08:34:38Z")

</div>

Installiere dir bitte mal FireBUG - ohne Fehlermeldung und vollständigen Code kann dir hier keiner weiter helfen!

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Februar 2011 um 08:49 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/13 "2011-02-02T08:49:24Z")

</div>

Ich habe Firebug und FirePHP instaliert. Aber unter welchem Reiter werte ich dies am Besten aus? Bzw. wo finde ich hier die Fehlermeldungen?

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [2. Februar 2011 um 08:51 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/14 "2011-02-02T08:51:10Z")

</div>

Einfach unter Konsole

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Februar 2011 um 09:03 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/15 "2011-02-02T09:03:30Z")

</div>

Okay, viel kommt da als Fehler nicht: uncaught exception

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [2. Februar 2011 um 12:04 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/16 "2011-02-02T12:04:26Z")

</div>

Der Fehler steht da schon ziemlich konkret 😉 „No center region defined“ Füge mal region: ‚center‘, als Property deinem Formular hinzu!

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Februar 2011 um 14:31 UTC](https://forum.shopware.com/t/backend-plugins-mit-extjs/1377/17 "2011-02-02T14:31:08Z")

</div>

Genial. Jetzt hat es geklappt 🙂 Besten Dank.