2012-12-13 9 views
20

Ich habe ein Panel, das ich einige HTML vom Server einfügen:ExtJS scrollbaren Panel

myPanel.update(response.responseText); 

Aber wenn dieser Text zu groß ist, erscheint keine Scrollbar um den Text zu navigieren.

Wie kann ich eine vertikale Bildlaufleiste in diesem Bereich konfigurieren?

Danke.

Update:

dies meine Panel Definition lautet:

{ 
    xtype:'panel', 
    width: '100%', 
    height: 300, 
    id:'mypanel' 
}, 

Antwort

24

Grundsätzlich würden Sie einfach wie autoScroll Eigenschaft hinzufügen

autoScroll: true 

Hier ist ein JSFiddle

Arbeits
+0

Das funktioniert nicht für mich. Ich habe gerade diese Frage mit meiner Panel-Definition aktualisiert. Vielen Dank. – Beetlejuice

+1

@paulo Zuerst: Ihre 'Breite' ist ungültig, weil sie eine Nummer sein muss. Zweitens: siehe [JSFiddle-Beispiel] (http://jsfiddle.net/sran/czrt6/3/) – sra

+1

Mein Fehler: var myPanel = Ext.get ('mypanel'); Ich muss getCmp verwenden ... – Beetlejuice

7

... oder wenn Sie immer einen vertical scrollbar

overflowY: 'scroll' 
+1

Es funktioniert super, meine Zeit zu sparen. – Meas

4

Eigentlich sollten Sie zwei Eigenschaften haben wollen zusammen:

autoScroll: 'true' 

und

height: 300 

sie zusammenarbeiten, eine ohne das Andere werden die Bildlaufleiste nicht erzeugen.